我正在尝试创建如下图像的输入文本：
首先,我使用CSS3和this小提琴一样的帮助.因为旧浏览器的问题我达成了不使用CSS3.
现在我编码如下：
input[type=text]
{
color: #979797;
height: 28px;
padding-left: 10px;
text-decoration: none;
background-image: url('Pictures/Input-BG.png');
background-repeat: repeat-x;
}
<input id="txtScrictAddress" value="Your Adress (required)" type="text" />
Input-BG.png是这个图像：
结果是here.
>我是否正确切割输入图像？
>输入有一个左边框颜色,如何设置css中的输入样式,如图像？
解决方法
您只需将边框半径和边框设置为无.并编辑你的图像,所以黑暗的东西也在左侧.
input[type=text]
{
color: #979797;
height: 28px;
padding-left: 10px;
text-decoration: none;
background-image: url('http://i.stack.imgur.com/pbpVI.png');
background-repeat: repeat-x;
border-radius: 5px; /*up to date browsers support this,but you can add prefixes if you want*/
border: 0;
}
