2

我正在使用 jquery 自动完成功能，并希望覆盖其中使用的一些 css 样式，但我无法这样做。输入字体大小为 1 em 并且 font:weight 是我不想要的粗体。那么如何更改字体大小和字体粗细。

这是我想要更改的 css 类。我将所有字体大小设置为 0.5 em，但它并没有改变任何东西。

            /* Component containers
            ----------------------------------*/
            .ui-widget {
                font-family: Verdana,Arial,sans-serif;
                font-size: 0.5em;
            }
            .ui-widget .ui-widget {
                font-size: 0.5em;
            }
            .ui-widget input,
            .ui-widget select,
            .ui-widget textarea,
            .ui-widget button {
                font-family: Verdana,Arial,sans-serif;
                font-size: 0.5 !important;
            }
            .ui-widget-content {
                border: 1px solid #aaaaaa;
                background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
                color: #222222;
            }
            .ui-widget-content a {
                color: #222222;
            }
            .ui-widget-header {
                border: 1px solid #aaaaaa;
                background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
                color: #222222;
                font-weight: bold;
            }
            .ui-widget-header a {
                color: #222222;
            }
4

2 回答 2

9

首先尝试避免!important在代码中使用，因为这是一种不好的做法。

接下来，您缺少em单位后的后缀

font-size: 0.5 !important;
              ^-------------Missing em

应该

font-size: 0.5em !important;
                     ^------- get rid of this

如果您可以正确计算特异性，您始终可以选择覆盖样式。

于 2013-07-27T20:40:34.873 回答
1

尝试这个：

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 0.5em !important;
    font-weight:normal !important;
}

如果它不起作用，请制作小提琴。

于 2013-07-27T20:37:42.630 回答