Html 为什么'；按钮边框是否比#f0轻？

我想显示一些按钮与“褪色”看，如果他们被禁用。（暂时忘记禁用方面；我只是担心样式。）但是如果我尝试使

边框颜色更浅，它似乎不起作用。按钮c4和c5的边框应该是#f8f8f8或#ffffff，但它们会变暗。发生了什么事，我该怎么解决

铬：

火狐：



输入[类型=按钮].c1{
边框颜色：#808080；
}
输入[类型=按钮].c2{
边框颜色：#C0；
}
输入[类型=按钮].c3{
边框颜色：#f0；
}
输入[类型=按钮].c4{
边框颜色：#F8；
}
输入[类型=按钮].c5{
边框颜色：#ffffff；
}

默认情况下，
边框样式
是用户代理样式表中的
插入

您需要设置
边框样式
以及

input[type=button].c4 {
    border-color: #f8f8f8; 
    border-style: solid;
}

或者你可以使用

input[type=button]{border: 1px solid}



输入[类型=按钮]{
边框样式：实心；
}
输入[类型=按钮].c1{
边框颜色：#808080；
}
输入[类型=按钮].c2{
边框颜色：#C0；
}
输入[类型=按钮].c3{
边框颜色：#f0；
}
输入[类型=按钮].c4{
边框颜色：#F8；
}
输入[类型=按钮].c5{
边框颜色：#ffffff；
}

默认情况下，
边框样式
是用户代理样式表中的
插入

您需要设置
边框样式
以及

input[type=button].c4 {
    border-color: #f8f8f8; 
    border-style: solid;
}

或者你可以使用

input[type=button]{border: 1px solid}



输入[类型=按钮]{
边框样式：实心；
}
输入[类型=按钮].c1{
边框颜色：#808080；
}
输入[类型=按钮].c2{
边框颜色：#C0；
}
输入[类型=按钮].c3{
边框颜色：#f0；
}
输入[类型=按钮].c4{
边框颜色：#F8；
}
输入[类型=按钮].c5{
边框颜色：#ffffff；
}