Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
设置输入文本框的样式,如jQuery Redmond主题_Jquery_Jquery Ui_Textbox - Fatal编程技术网

设置输入文本框的样式,如jQuery Redmond主题

设置输入文本框的样式,如jQuery Redmond主题,jquery,jquery-ui,textbox,Jquery,Jquery Ui,Textbox,我在我的网页中使用jqueryui团队的Redmond主题jQuery问题在于,输入文本框仍然未按Redmond主题设置样式。这会产生一种不太令人印象深刻的外观和感觉。有没有办法为输入文本框元素创建合适的样式,以便它们与jQuery中的Redmond主题相融合?正如我在评论中提到的,没有内置的方法来实现这一点。你可以做的是把主题中使用的一些颜色应用到文本框中,得到一些类似的颜色 下面是我根据datepicker的外观和感觉制作的几个选项 /* Option 1 */ ​input[type=te

我在我的网页中使用jqueryui团队的Redmond主题jQuery问题在于,输入文本框仍然未按Redmond主题设置样式。这会产生一种不太令人印象深刻的外观和感觉。有没有办法为输入文本框元素创建合适的样式,以便它们与jQuery中的Redmond主题相融合?

正如我在评论中提到的,没有内置的方法来实现这一点。你可以做的是把主题中使用的一些颜色应用到文本框中,得到一些类似的颜色

下面是我根据datepicker的外观和感觉制作的几个选项

/* 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
,而在您的示例代码中没有。这里有一个它工作的例子-。