可以不可以直接用css去除input style=“botton”点击凹陷的效果呢

html-css08

可以不可以直接用css去除input style=“botton”点击凹陷的效果呢,第1张

background:none border:none 只能去掉button的背景色跟边框,那种默认的点击效果无法用css去除

button要有3d突出感,让人容易相信这是一个可以点击的按钮

自定义button:用图片代替原生按钮,然后给图片添加点击事件,

如同下面这个:

方法如下:

取消a标签在移动端点击时的蓝色:

-webkit-tap-highlight-color: rgba(255, 255, 255, 0)

-webkit-user-select: none

-moz-user-focus: none

-moz-user-select: none

使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景:

a,a:hover,a:active,a:visited,a:link,a:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0)

-webkit-tap-highlight-color: transparent

outline:none

background: none

text-decoration: none

}

改变选中内容的背景颜色:

::selection {

background: #FFF

color: #333

}

::-moz-selection {

background: #FFF

color: #333

}

::-webkit-selection {

background: #FFF

color: #333

}

去除ios input框点击时的灰色背景:

-webkit-tap-highlight-color:rgba(0,0,0,0)