设置输入文本框的样式,如jQuery Redmond主题
我在我的网页中使用jqueryui团队的Redmond主题jQuery问题在于,输入文本框仍然未按Redmond主题设置样式。这会产生一种不太令人印象深刻的外观和感觉。有没有办法为输入文本框元素创建合适的样式,以便它们与jQuery中的Redmond主题相融合?正如我在评论中提到的,没有内置的方法来实现这一点。你可以做的是把主题中使用的一些颜色应用到文本框中,得到一些类似的颜色 下面是我根据datepicker的外观和感觉制作的几个选项设置输入文本框的样式,如jQuery Redmond主题,jquery,jquery-ui,textbox,Jquery,Jquery Ui,Textbox,我在我的网页中使用jqueryui团队的Redmond主题jQuery问题在于,输入文本框仍然未按Redmond主题设置样式。这会产生一种不太令人印象深刻的外观和感觉。有没有办法为输入文本框元素创建合适的样式,以便它们与jQuery中的Redmond主题相融合?正如我在评论中提到的,没有内置的方法来实现这一点。你可以做的是把主题中使用的一些颜色应用到文本框中,得到一些类似的颜色 下面是我根据datepicker的外观和感觉制作的几个选项 /* Option 1 */ input[type=te
/* 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;
}
示例-仅供参考没有内置的方法来实现这一点,输入文本框很难以跨浏览器友好的方式进行样式设置。我甚至不确定你到底在找什么。如果你发布了一个粗略的屏幕截图,或者详细介绍了你正在寻找的内容,然后使用CSS标签,那么这里的某人将能够帮助你完成。TJ-我会说一些带有蓝色阴影边框的内容,或者文本框中带有浅蓝色渐变背景的内容。好吧,我对其进行了拍摄并发布了答案。出于某种原因,未应用您提供的样式。我的代码与本文完全相同:这是因为我的选择器假设应用了
type=text
,而在您的示例代码中没有。这里有一个它工作的例子-。