css - 覆盖单个 YUI 对话框按钮样式

Question

我正在尝试覆盖单个 YUI 对话框中使用的按钮的样式。我创建了一个具有

#mydialog.yui-button {
 // style customization
}   

其中 mydialog 是对话框的 ID。这不起作用。有人可以解释我做错了什么吗？

Answer 1

您需要更具体地使用选择器。如果 YUI 正在使用

#wrapper #main #mydialog.yui-button

你将需要类似的东西

#wrapper #main a#mydialog.yui-button

这样想

HTML 元素 = 1 类 = 10 个 ID = 100 内联样式 = 1000

#wrapper=100 + #main=100 + #mydialog=100 + .yui-button=10 = 310
#wrapper=100 + #main=100 + a=1 + #mydialog=100 + .yui-button=10 = 311

如果这不起作用，您总是可以诉诸添加重要事项。请注意，使用重要而不是特异性被认为是不好的做法，如果有帮助，则不应这样做。

例子：

#mydialog.yui-button{
    color: #000 !important;   
}

总是在最后一个属性值之后和分号之前。

最后，如果失败，您可能没有正确的类和/或 id。还要确保您的样式表正在加载。

Answer 2

如果 YUI 按钮的 CSS 类不是“yui-button”，则您的规则不正确。假设您对按钮使用“按钮”元素而不是“输入”，正确的方法是：

#mydialog button {
    // style customization
}

希望有帮助。