Html CSS按钮边框因某些原因不起作用

我已经在css按钮中添加了边框，但由于某些原因，它没有生效

有人能提出一个解决方案吗， 在代码段中附加代码

身体{ 背景：灰色； } a、 钮扣{ 显示：内联块； -webkit外观：按钮； -moz外观：按钮； 外观：按钮； 文字装饰：无； 背景色：黑色； 边框：1px纯白； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 字体大小：16px； } CSS按钮

---

使用-webkit外观：无；关闭iOS默认按钮样式，而不是按钮。我还附上了按钮工作的代码：

身体{ 背景：蓝色； } a、 钮扣{ 显示：内联块； /*-webkit外观：按钮； -moz外观：按钮； 外观：按钮*/ -webkit外观：无； 文字装饰：无； 背景色：黑色； 边框：1px纯白； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 字体大小：16px； }

---

使用-webkit外观：无；关闭iOS默认按钮样式，而不是按钮。我还附上了按钮工作的代码：

身体{ 背景：蓝色； } a、 钮扣{ 显示：内联块； /*-webkit外观：按钮； -moz外观：按钮； 外观：按钮*/ -webkit外观：无； 文字装饰：无； 背景色：黑色； 边框：1px纯白； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 字体大小：16px； } 您正在创建按钮到webkit外观按钮，以便使边框不可见

a、 钮扣{ 显示：内联块； 文字装饰：无； 背景色：黑色； 边框：5px纯红； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 字体大小：16px； } CSS按钮 您正在创建按钮到webkit外观按钮，以便使边框不可见

a、 钮扣{ 显示：内联块； 文字装饰：无； 背景色：黑色； 边框：5px纯红； 颜色：白色； 填充：15px 32px； 文本对齐：居中； 文字装饰：无； 字体大小：16px； } CSS按钮

---

删除属性时-webkit外观：按钮；或设置为“无”，则按钮生效。

---

我认为当您删除属性-webkit-appearance:按钮时，外观属性不会产生边界效果

；或设置为“无”，则按钮生效。

---

我认为外观属性在使用-webkit外观属性时不会产生边框效果，它的目的是为浏览器提供一种基于操作系统主题使用平台本机样式显示元素的方法

这会导致操作系统的样式干扰自定义css。要应用自定义样式，除了自定义css之外，还需要将-webkit外观设置为“无”

以下是如何使用自定义样式：

输入{ -webkit外观：无； -moz外观：无； -ms外观：无； 外观：无； 显示：内联块； 垂直对齐：中间对齐； } 输入[类型=复选框]{ 边框：2个实心555； 宽度：20px； 高度：20px； 大纲：无； 填充：4px； } 输入[类型=复选框]：选中{ 背景：555人； 背景剪辑：内容框； } 输入[类型=收音机]{ 边框：2个实心555； 边界半径：10px； 宽度：20px； 高度：20px； 大纲：无； 填充：4px； } 输入[类型=收音机]：已选中{ 背景：555人； 背景剪辑：内容框； } p、 h3{ 颜色：333； 字体系列：helvetica，arial； } 标签{ 显示：内联块； 垂直对齐：中间对齐； 裕度：0 0-2px 8px； } 检查： 包括选项

选择一个： 方案A

---

选项B

当使用-webkit外观属性时，其目的是为浏览器提供一种方式，使用基于操作系统主题的平台本机样式显示元素

这会导致操作系统的样式干扰自定义css。要应用自定义样式，除了自定义css之外，还需要将-webkit外观设置为“无”

以下是如何使用自定义样式：

输入{ -webkit外观：无； -moz外观：无； -ms外观：无； 外观：无； 显示：内联块； 垂直对齐：中间对齐； } 输入[类型=复选框]{ 边框：2个实心555； 宽度：20px； 高度：20px； 大纲：无； 填充：4px； } 输入[类型=复选框]：选中{ 背景：555人； 背景剪辑：内容框； } 输入[类型=收音机]{ 边框：2个实心555； 边界半径：10px； 宽度：20px； 高度：20px； 大纲：无； 填充：4px； } 输入[类型=收音机]：已选中{ 背景：555人； 背景剪辑：内容框； } p、 h3{ 颜色：333； 字体系列：helvetica，arial； } 标签{ 显示：内联块； 垂直对齐：中间对齐； 裕度：0 0-2px 8px； } 检查： 包括选项

选择一个： 方案A

---

选项B

按钮是白色背景上的a？@EternalHour是的。当前背景为白色。虽然不认为边界不可见是因为什么。我尝试将背景颜色更改为深色，但仍然无法看到边框。如果您的边框与背景颜色相同，它将不可见。您的规则看起来正确。@我更改了背景色。白色边框仍然不可见，这对我来说在firefox上很好，可能是特定于浏览器的。按钮是白色背景上的一个按钮？@EternalHour是的。当前背景为白色。虽然不认为边界不可见是因为什么。我尝试将背景颜色更改为深色，但仍然无法看到边框。如果您的边框与背景颜色相同，它将不可见。您的规则看起来正确。@我更改了背景色。白色边框仍然不可见，这对我来说在firefox上很好，可能是特定于浏览器的。Cool@BadalSingh如果你认为我的答案是正确的，请投我一票。Cool@BadalSingh如果你认为我的答案是正确的，请投我一票。