I have both a jQuery UI theme and a Bootstrap 2.1 css link linked to my page. In cases where I use Bootstrap style buttons, the text on them is not displayed. It turned out that exactly these lines in the jQuery UI theme cause the problem:
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
When deleting in the debugging tool, 1em no longer discards the button text so small that it is invisible. I made sure Bootstrap.css later appears in the list of stylesheets, so it matters more, but the jQuery UI defeiniciton is more specific. How can I transfer jQuery UI css data to my download buttons?
source
share