Question

当我尝试为我的按钮的样式添加边框时，它没有显示出来。我以前成功完成了这项工作，但不知道这次我做错了什么。

这是HTML：

<input name="submit" type="submit" class="mediumbutton" value="Submit">

这是我的CSS：

.mediumbutton {
    width: 140;
    height: 40;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 24px;
    background-color: #DDD;
    border: 3px;
    border-color: #000;
}

感谢。

Answer 1

您缺少border-style，请尝试border: 3px solid #000000;。

“由于边框样式的初始值为”none“，因此没有边框除非设置了边框样式，否则将可见。“ - http://w3.org/tr/css21/box.html#propdef-border-style

此外，您的width和height属性值缺少unit of measurement。虽然input元素有一些例外，但通常如果缺少这样的单位，这些维度仍然适用，这可能表明您的文档正在quirks mode中呈现，这可以通过确保正确来纠正doctype声明（<!doctype html>）被正确包含（应该是它之前绝对没有的第一行）。

边框没有出现在提交按钮上

1 个答案: