0

我在我的网页中使用来自 jQuery-ui 团队的 Redmond 主题的 jQuery。问题是输入文本框仍然没有被 Redmond 主题设置样式。这创造了一个不太令人印象深刻的外观和感觉。有没有办法为输入文本框元素创建适当的样式，以便它们与 jQuery 中的 Redmond 主题融合？

4

1 回答 1

1

正如我在评论中提到的，没有内置的方法可以实现这一点。您可以做的是获取主题中使用的一些颜色，然后将其应用于文本框以获得看起来相似的内容。

这是我根据日期选择器的外观和感觉制作的几个选项。

/* Option 1 */
​input[type=text] {
    background: #5C9CCC url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    border: 1px solid #4297D7;
    font-weight: bold;
    color: white;
    padding: 5px;
    border-radius: 5px;
}

/* Option 2 */
input[type=text] {
    background: #DFEFFC url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    color: #2E6E9E;
    font-weight: bold;
    border: 1px solid #C5DBEC;
    padding: 5px;
    border-radius: 5px;
}

示例- http://jsfiddle.net/XjCjR/1

于 2012-07-08T17:58:57.157 回答