你是想要这个按钮获得如图的效果吗？
首先，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加一个值，颜色再配置一下不就可以实现效果了吗？

选择器使用类型选择器试试：
input[type=button]{
-webkit-appearance:none;
outline:none
}