css input怎么去掉阴影


本文摘自PHP中文网,作者藏色散人,侵删。

css input去掉阴影的方法:首先打开相应的css文件;然后添加样式“input{-webkit-appearance:none;}”即可。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

input上面有阴影

在这里插入图片描述
直接在input css 里写 -webkit-appearance: none; 就行了

1

2

3

4

5

6

input{

border:none;

-webkit-appearance:none;/*去除阴影边框*/

outline: none;

-webkit-tap-highlight-color:rgba(0,0,0,0);/*点击高亮的颜色*/

}

【推荐学习:css视频教程】

以上就是css input怎么去掉阴影的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html如何设置input不可编辑

layui输入框如何设置禁止输入

css如何清除input默认样式

input表单如何制作多行文本输入框?一篇文章教你学会使用input标签

jquery用什么方法清空input

html input如何只能输入数字

关于html5 input placeholder 的颜色修改

html5 input输入实时检测以及延时优化

css input怎么去掉阴影

怎样通过disabled和readonly将input设置为只读效果

更多相关阅读请进入《input》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...