为input边框添加圆角

1、input标签

input 标签可以为 html 网页添加一个输入框

<input type="text">
<style>input {width: 300px;height: 30px;}
</style>

2、border-radius属性

border-radius可以改变边框的变圆程度

<style>input {width: 300px;height: 30px;background-color: lightgray;border-radius: 18px;}
</style>

3、取消input标签的边框及点击时的高亮颜色

border: none; 可以取消元素的边框

<style>input {width: 300px;height: 30px;background-color: lightgray;border-radius: 18px;border: none;}
</style>

outline: none; 可以取消元素被点击时显示的高亮颜色

<style>input {width: 300px;height: 30px;background-color: lightgray;border-radius: 18px;border: none;outline: none;}
</style>

4、改变光标缩进
text-indent可以改变input标签的光标缩进

<style>input {width: 300px;height: 30px;background-color: lightgray;border-radius: 18px;border: none;outline: none;text-indent: 1em;}
</style>

为input边框添加圆角相关推荐

解决input框添加圆角后边框变粗
在学习过程中给input添加圆角时发现一个问题,添加圆角后input的边框会变粗没有添加圆角前: 直接添加圆角后: 很明显,input的边框比之前的边框变粗了解决办法:给input一个border ...
为input输入框添加圆角并去除阴影
<input type="text" name="bianhao" value="" placeholder="请输入商品编 ...
android的ListView做表格添加圆角边框
边框,圆角,都可以实现的在drawable目录下添加view_yuan_morelist.xml,设置控件的边框代码.如下: <?xml version="1.0" enc ...
html给div加圆角边框,border-radius是向元素添加圆角边框的方法
原标题:border-radius是向元素添加圆角边框的方法 border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px ...
html阴影和圆角边框,css3圆角边框和边框阴影示例
border-radius向元素添加圆角边框,css3中的.IE9+ chrome safari5+ firefox4+ 现在都支持.可以向input div等设置边框.与border相似,可以四个角 ...
自定义字体样式引入使用方法、文本阴影、边框阴影、（边框）圆角、渐变、理解重绘与回流、渐进增强和优雅降级的区别
目录 1.文本阴影 text-shadow 2.边框阴影 box-shadow 3.自定义字体样式方法引入与使用方法举例: 4.(边框)圆角 5.渐变 6.过渡 transition 7.理论知识 ...
微信小程序之input 边框
微信小程序之input 边框文章目录微信小程序之input 边框一.边框:border 设置对象边框的特性. 二.相关属性一.边框:border 设置对象边框的特性. 语法:border:le ...
微信小程序 css圆角,微信小程序界面设计小程序中CSS3样式精通课程-边框-border-radius 圆角边框...
border-radius 圆角边框通用语法浏览器支持微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangj ...
android 圆角边框边框渐变,Android深度定制化TabLayout：圆角，渐变色，背景边框，圆角渐变下划线，基于Android原生TabLayout...
Android深度定制化TabLayout:圆角,渐变色,背景边框,圆角渐变下划线,基于Android原生TabLayout 在附录1的基础上丰富自定义的TabLayout,这次增加两个内容: 1,当 ...

为input边框添加圆角

1、input标签

2、border-radius属性

3、取消input标签的边框及点击时的高亮颜色

为input边框添加圆角相关推荐

最新文章

热门文章