2012-08-13 30 views
1

我真的很喜欢选择框的选择jquery插件,但它有可能使用selected.css文件中定义的样式对正常文本框进行样式设置,还是必须更改selected.css来执行此操作?正常文本框中选择的css

回答

2

我知道它的一个老问题,但我也是这样做的。

我通过为所有输入添加一个新的css条目来实现这一点。

input { 
    background-color: #ffffff; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); 
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    -webkit-border-radius: 5px; 
    -moz-border-radius : 5px; 
    border-radius  : 5px; 
    -moz-background-clip : padding; 
    -webkit-background-clip: padding-box; 
    background-clip  : padding-box; 
    border: 1px solid #aaaaaa; 
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 
    -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 
    box-shadow  : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 
    overflow: hidden; 
    white-space: nowrap; 
    position: relative; 
    height: 23px; 
    line-height: 24px; 
    padding: 0 0 0 8px; 
    color: #757575; 
    text-decoration: none; 
    text-shadow: 0 1px 0 #fff; 
    text-transform: uppercase; 
    font-family: "Tahoma", sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
} 
0

是的,你可以。只需使用萤火虫/类似的检查员来检查他们的CSS并为您应用那些职业textbox

或者,您也可以通过检查并应用它们与您自己的id/class组合来将它们的CSS属性。