Button with glyphicon-remove with size problem

Question

Button with glyphicon-remove with size problem

Navigation

#1 by (2 votes)

2

Please see this demo link: link

I'm trying to center the "X" inside the red button.

Code:

<button id="del_photo" type="button" style="width:20px;height:20px" class="btn btn-danger btn-sm" title="Excluir">
    <span class="glyphicon glyphicon-remove" style="color:white;font-size:1em"></span>
</button>

Any solution?

html5 bootstrap-3 button

asked by anonymous 24.11.2016 / 21:20

1 answer

What am I doing with this method? Erase options within optgroup

score 2 · Accepted Answer

Replace:

<button id="del_photo" type="button" style="width:20px;height:20px" class="btn btn-danger btn-sm" title="Excluir">

By:

<button id="del_photo" type="button" style="padding:15px" class="btn btn-danger btn-sm" title="Excluir">

It's one of the solutions ...