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怎么去掉阴影的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

bootstrap怎么给input加图标

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

html5中的input类型包含哪些属性

浅谈input中的name,value以及label中的for

html5新增了哪些input类型及其属性?

css input大小怎么设置

html5 input 类型的详细介绍以及实例代码

css如何清除input默认样式

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

css input怎么去掉阴影

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




打赏

取消

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

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

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

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

评论

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

    正在狠努力加载,请稍候...