我已经看过这篇文章并尝试了一切我可以改变占位符的填充但是唉,似乎它只是不想合作.
无论如何,这是css的代码.(编辑:这是sass生成的css)
#search {
margin-top: 1px;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 220px;
}
#search form {
position: relative;
}
#search input {
padding: 0 10px 0 29px;
color: #555555;
border: none;
background: url('/images/bg_searchbar.png?1296191141') no-repeat;
width: 180px;
height: 29px;
overflow: hidden;
}
#search input:hover {
color: #00ccff;
background-position: 0px -32px;
}
Run Code Online (Sandbox Code Playgroud)
这是简单的html:
<div id="search">
<form>
<input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
</form>
<div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;"> …Run Code Online (Sandbox Code Playgroud)