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

Question

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

的css文件

#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
}

希望有所帮助。