将高度添加到密码框输入

时间:2015-11-29 14:09:58

标签: html input height

我正在尝试使用自定义高度在我的网站中添加一个密码框,但我无法这样做,虽然我能够添加宽度样式但不能增加高度。

<input id="Passwd" name="Passwd" type="password" placeholder="Password" 
       class="" style="width: 500px;" style="height: 23px;"/>

我尝试添加style="height:,但没有真正发生

感谢任何帮助,谢谢。

4 个答案:

答案 0 :(得分:1)

你不能拥有两种风格属性......

<input id="Passwd" name="Passwd" type="password" placeholder="Password" 
       class="" style="width: 500px; height: 23px;"/>

https://jsfiddle.net/s4zjomh7/

在HTML,SGML和XML中,属性不能重复,只能在元素中定义一次,因此您的代码不符合HTML标准......

答案 1 :(得分:1)

我想您希望字段中的文本居中,您可以使用Padding来执行此操作。

填充以这种方式工作:padding: top right bottom left;您可以设置一个或只需要您选择的选项。

&#13;
&#13;
<input type="password" style="padding: 10px;" value="hello there">
&#13;
&#13;
&#13;

答案 2 :(得分:1)

始终最好在CSS中“包装”样式;例如

css

.Passwd
{
    width: 500p;
    height: 23px;
}

html

<input id="Passwd" name="Passwd" type="password" placeholder="Password" 
   class="Passwd"/> 

当我需要使用样式设置“播放”时,我发现找到CSS更加容易

答案 3 :(得分:0)

我增加了这样的高度。

<input id="Passwd" name="Passwd" type="password" placeholder="Password" 
       class="" style="width: 500p; height: 23px;"/> 

效果很好。