改变接受答案框的背景颜色

时间:2013-08-04 23:03:32

标签: css google-chrome stylish

我正在尝试将Cross Validated SE上的接受答案框的颜色设置为与Stack Overflow完全相等(或接近)。我认为SO的风格更容易想象。

问题在于我无法改变限制问题答案数量的“正态分布”的颜色。见下图。

enter image description here

我试图将鼠标悬停在格式上并检查元素以显示更改此功能的代码部分,但我没有得到它。

我在Chrome上使用Stylish,到目前为止我所拥有的是:

.answered-accepted {
    background-color: rgb(117, 132, 92) !important;
    color: #e1e818
}

如何改变背景颜色?

2 个答案:

答案 0 :(得分:3)

如果是我,我会忘记“正态分布”图形并设置整个背景:

div.status.answered-accepted, div.status.answered-accepted strong {
    background: rgb(117, 132, 92) !important;
    color: #e1e818 !important;
}

但是,如果您真的想要更改该图形,请执行以下操作:

  1. 下载the relevant sprite
  2. 裁剪并修改图片:new graph sprite

  3. 将图片上传到您的服务器或Base-64 encode

  4. 新的CSS:

    div.status.answered-accepted strong {
        background-image: url(data:image/gif;base64,R0lGODlhSQAdANUAAGh3XHSCacPJvpymlODj3YSRe7G5q9nd1mp5Xuvt6q21ppGciM3SyX2Kc7rBtYyYg218Yubo5KStnff49tve2MfNw3B+ZHiFbZehju/x7tHWzrS7rr3Dt4CMdo2ZhOnr58rQxu/377C4quPl4NTZ0YmUf5SfjN3h27i/ssDGu5ytlMXOvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUABMALAAAAABJAB0AAAblwIlwSCwaj8ikcslsOp/QqDQp8DRKqMx0yy1GJBaAGLA4dM9STWHMDlTQcCbjwq5bOPG8UUOv21N6gScdfoUXDIFxGR6FjR1miWcSjZQeCZFcDgiUlAqYU3OclHefUCdropQXJKVNGQOpog8frUsGm7GcErVJFQG5oggbvEaDwKkWIMRDCQvHsavLE5PPsQURxAoQ1bkYWq3a3LkIA9+YCrjiseSXkejqzxjteQkS6fDACyN5JCX44h0Qnfkg4tc/cRYUYJsywoG/g/gaGCDAJEMECgw2mDAI8SAEDwoqHIhgTtqnIAA7) !important;
        color: #e1e818 !important;
    }
    

答案 1 :(得分:0)

您无法更改颜色,因为它是图像