如何用css改变input显示的样式
3个回答
展开全部
使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。
工具原料：编辑器、浏览器
1、设置一个宽度是宽度500px，高度50px，边框是红色的input输入框的代码如下：
<body>
<input type="text" />
<style>
input{
width: 500px;
height: 50px;
border: 1px solid red;
}
</style>
</body>
2、运行的效果如下图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
input {
display: block;
padding:12px 4px;
width:100%;
border-width:0 0 1px;
border-radius: 0;
border-style: solid;
border-color: rgba(0,0,0,.12);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
font-size: 16px;
background: transparent;
outline: none;
}你看可以吗？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
