【问题标题】:Alter background-color of accepted answer box更改已接受答案框的背景颜色
【发布时间】:2013-08-04 23:03:32
【问题描述】:

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

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

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

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

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

如何改变背景颜色?

【问题讨论】:

    标签: css google-chrome stylish


    【解决方案1】:

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

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

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

    1. 下载the relevant sprite
    2. 裁剪和编辑图像:

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

    【讨论】:

    • 非常感谢。这正是我所需要的。我刚刚将您提供的代码与我已有的代码进行了匹配。
    【解决方案2】:

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

    【讨论】:

    • 很抱歉不接受您的回答,但@Brock 解决了问题。只是想给你一个理由。无论如何,感谢您的关注。
    猜你喜欢
    • 2021-11-23
    • 1970-01-01
    • 2016-07-09
    • 2012-10-23
    • 1970-01-01
    • 2020-09-02
    • 1970-01-01
    • 1970-01-01
    • 2013-08-08
    相关资源
    最近更新 更多