Thu, 2021-12-02 08:08
I have button with +/- sign and a text as shown in attached image. The + sign is changed using :after in CSS.
I have a dropdown-button with a sign (+/-) and a text. These are not aligned vertically and I have tried to adjust the sign with padding-bottom without succeed. Padding-top will move the + sign downward but nothing happen when I use padding-bottom. How can I get these aligned vertically? The problem becomes extra clear on mobile screens.
.oemDropbtn { display: inline; background-color: #fff; color: #000305; text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; cursor: pointer; text-align: left; text-decoration: none; font-size: 100%; font-weight: inherit; }
} .oemDropbtn:after { content: '\002B'; color: #000305; font-weight: bold; font-size: 114%; float: left; margin: 0px 7px 0px 0px; text-decoration: none; } .active:after { content: "\2212"; }
Attachment | Size |
---|---|
button.PNG | 7.18 KB |