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

html-css018

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

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

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

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

如同下面这个:

<div>

    <p>Test</p>

</div>

<style>

div {

    width: 200px

    height: 200px

    background: #272727

    border: 1px #272727 solid

}

p {

    width: 158px

    line-height: 158px

    color: #fff

    text-align: center

    margin: 20px auto

    border-radius: 4px

    box-shadow: inset 0px 2px 8px 2px #000000

    border: 1px #666 solid

    border-left: 1px #131313 solid

    border-top: 1px #131313 solid

}

</style>

当圆角过大时深色边和高光边交界处会露陷,要不露陷的话:

边框渐变,貌似支持的浏览器少

不用边框,用两个div嵌套,外面那个比里面那个大1px,然后外面那个用45度的斜方向背景渐变(支持的浏览器多),里面那个用背景色加内阴影。