通过样式调整input 中password text默认长度

<input >标签内的type分别为password和text时其默认长度和宽度不一致，而在做登陆框时往往需要将它们的长度和宽度设置一致。如下的方法可以通过css控制使其一致：

<html>
<head></head>
<body>
调整前：</br>
用户名:<input type="text" id="tex"></br>
密  码:<input type="password"    id="pass"></br></br>
调整后：</br>
用户名:<input type="text"    style="width:180px;height:20px;" id="tex"></br>
密  码:<input type="password"    style="width:180px;height:20px;" id="pass">
</body>
</html>

时间： 2024-08-03 07:17:46

通过样式调整input 中password text默认长度的相关文章

给 input 中 type="text" 设置CSS样式

input[type="text"], input[type="password"] { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; width: 200px;}

取消chrome浏览器下input和textarea的默认样式；html5默认input内容清除“×”按钮去除办法

取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: input::-ms-clear { display: none; }

1.-webkit-tap-highlight-color -webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) -webkit-tap-highlight-color:rgba(255,0,0,0.5); //利用此属性,设置touch时链接区域高亮为50%的透明红,只在iOS上起作用.Android上只要使用了此属性就表现为边框.在body上加此属性,这样

<input type='file'/>把默认样式改成框框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http

取消chrome浏览器下input和textarea的默认样式

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式. 看代码: 取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline:none} 取消chrome下textarea可拖动放大: textarea{resize:none} 最

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？ jQuery中的text()、html()和val()

一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签.②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html标签.如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jQuery中的text()、html()和val() ？

作者赵晓盼课程任务一:零基础JavaScript编码(一)2809次浏览70赞2017-03-02 10:49 一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签.②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html

CSS样式：Input输入框向外发光特效

在CSS里面定义INPUT输入框的全局样式 input[type=text]:focus,input[type=password]:focus,textarea:focus{ transition:border linear .2s,box-shadow linear .5s; -moz-transition:border linear .2s,-moz-box-shadow linear .5s; -webkit-transition:border linear .2s,-webkit-box

（转载）Unity3d中3D Text对模型的穿透显示

Unity3D中使用3D Text(Text Mesh)时,如何让场景中的物体和3D Text有正确的遮挡关系.由于3D Text默认材质是(Font Material),他的shader是GUI/Text Shader,自然也就有了GUI的穿透特性,所以我们使用自定义材质就可以解决这个问题了. 1.新建材质,并将如下shader设置给它 Shader "Custom/3D Text Shader" { Properties { _MainTex ("Font Texture