Question

我为输入表单编写了代码，我提到了css

text-transform:uppercase;

但是在表单中我添加了占位符作为＆＃34; Name＆＃34;。但是当我在实际的weppage中查看它时，占位符变为＆＃34; NAME＆＃34;。在大写的页面上看起来很尴尬。输入和css是：

#textbox {
            outline:none;
            background:#732ab7;
            caret-color:lightgreen;
            border-style:groove;
            border-width:0px 0px 10px 0px;
            border-top:none;
            border-left:none;
            border-right:none;
            border-bottom-color:lightgreen;
            padding:0px 0px 2px 15px;
            text-transform: lowercase;

       }

输入标签： -

<input hspace="32px" vspace="70px" id="textbox" type="text" placeholder="Name"></input>

Answer 1

每个浏览器都有不同的方法来控制占位符样式。使用下面的CSS来避免占位符样式

input { 
    text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

已经有人answered检查了这个

在文本转换中输入占位符的问题

1 个答案: