括号输入CSS

时间:2014-08-02 02:52:05

标签: html css cordova

我正在为包含表格的Android开发一个phonegap App。

HTML

<input class="holo">

此问题是我的Samsung Galaxy Pocket(4.0.4)中的input标记未应用CSS样式。但在Moto G(KitKat 4.4.2)工作正常!!

CSS 我用过:

input.holo {
width: 100%;
height: 30px;
font-family: "Roboto", "Droid Sans", sans-serif;
margin: 0;
padding: 8px 8px 6px 8px;
display: block;
outline: none;
border: none;
background: bottom left linear-gradient(#09c, #09c) no-repeat, bottom center linear-gradient(#09c, #09c) repeat-x, bottom right linear-gradient(#09c, #09c) no-repeat;
background-size: 1px 6px, 1px 1px, 1px 6px;
}

input.holo:disabled{
background: #e8e8e8
}

input.holo:disabled:hover{
background: #e8e8e8
}
input.holo:hover, input.holo:focus {
background: bottom left linear-gradient(#09c, #09c) no-repeat, bottom center linear-gradient(#09c, #09c) repeat-x, bottom right linear-gradient(#09c, #09c) no-repeat;
background-size: 1px 6px, 1px 1px, 1px 6px; 
}

感谢。

PS:在Chrome中工作正常!! http://jsfiddle.net/GLVc8/

0 个答案:

没有答案