【CSS】safari浏览器按钮重置，已添加-webkit-appearance:none;，没效果

Z时代
2024-01-10
分类：技术分享

代码如下：http://jsbin.com/rogesitehu/edit?html,css,output

-webkit-appearance:none;在css最后一行添加了。不懂为啥无效，请指教
图片描述

回答：

你是想要这个按钮获得如图的效果吗？

首先，input直接可以改样式，用不用-webkit-appearance:none;都ok吧。

然后我看你的代码

css#fri_code_btn, #doc_code_btn {
        position: absolute;
        right: 0;
        top: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        width: 46%;
        height: 35px;
        background-color: #42e693;
        color: #fff;
}

这是你的配置，那你这里border-radius加一个值，颜色再配置一下不就可以实现效果了吗？