所属分类：web前端开发
css修改input框长度的方法：1、在input标签中利用style属性设置width样式，语法“<input style="width: 宽度值;" />”；2、在style标签对中，设置“input{width:宽度值;}”语句即可。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css修改input框长度的方法
方法1：
利用style属性给input标签添加 width样式。
微博登录
QQ登录<input type="text" /><br /><br />
<input type="text" style="width: 300px" />
登录后复制
方法2：
<!DOCTYPE html>
<html>
<head>
<style>
.input {width: 100px;}
</style>
</head>
<body>
<input type="text" /><br /><br />
<input type="text" class="input" />
</body>
</html>登录后复制
（学习视频分享：css视频教程）
以上就是css怎么修改input框的长度的详细内容，更多请关注zzsucai.com其它相关文章！
