上一篇: css – min-height：在Opera中无... 下一篇:css – 调整大小元素的IE 9和10 ...

样式输入文本CSS

CSS 发布时间：2022-04-17 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了样式输入文本CSS，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在尝试创建如下图像的输入文本：

首先,我使用@L_696_0@和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;
}

http://jsfiddle.net/TGzng/8/