使用css样式直接可以改变input的样式的,input属于行内替换元素height/width/padding/margin均可用,效果等于块元素。工具原料:编辑器、浏览器 1、设置一个宽度是宽度500px,高度50px,边框是红色的input输入框的代码如下: input{ width: 500px;height: 50px;border: 1px solid red;} 2、运行的...
如何用css改变input显示的样式
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;}你看可以吗?
2016-11-09
使用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、运行的效果如下图:
2017-05-20
Vue实践-CSS样式position/display/float属性对比使用
2020-12-25