相关疑难解决方法(0)

我正在试验::selectionCSS3中的伪元素.在Firefox中它工作并且看起来很棒.我的网站有深蓝色背景.

我设置选择,使其在FF中看起来像这样.

但在chrome中,同样的测试看起来像这样.似乎chrome将选择解释为半透明,结果颜色是令人讨厌的.

有没有人知道是否有可能让Chrome的行为与Firefox相同.

这里参考的是我的css:

p::-moz-selection { background:#FFFF7D; color:#032764; }
p::-webkit-selection { background:#FFFF7D; color:#032764; }
p::selection { background:#FFFF7D; color:#032764; }

谢谢

我正在研究一个jQuery主题,其中包括尽可能多的表单元素的样式.最初它是为Webkit(Chrome)开发的.现在我想让它也适用于Firefox.

问题是; Firefox在某些特定于Webkit的语法方面存在问题.

例如:

input[type="range"]::-webkit-slider-thumb,
input[type=radio],
input[type=checkbox] {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    width: 1.2em;
    height: 1.2em;
    border: 1px solid black;
    background: #666666 url(images/ui-bg_highlight-soft_50_666666_1x100.png) 50% 50% repeat-x;
}

问题是input[type="range"]::-webkit-slider-thumb,有点.删除它,Firefox工作正常.它也可以用于其他语法::-webkit-file-upload-button,::selection以及使用::-webkit-...标签的所有其他内容.它识别它自己的::-moz-...标签,::-moz-selection虽然很好.

Webkit似乎只是忽略了::-moz-标签.

是否有任何方便的方法使Firefox忽略::-webkit-...标签或以其他方式处理此问题而无需维护每个CSS块的多个副本？

使用最新版本的Chrome和Firefox.

互联网上有一些参考::-webkit-selection,一个特定于WebKit 的::selection选择器版本.

参见例如http://www.quirksmode.org/css/selection.html(编辑: PPK ::-webkit-selection已从该页面中删除.)

但是,我无法在上面的页面或我自己的示例中获得示例,以便在任何基于WebKit的浏览器中工作.我试过了:

• 苹果浏览器
  • 1.0
  • 1.2
  • 2.0
  • 3.0
  • 4
  • 5
  • 5.1
• 铬
  • 2
  • 6
  • 14

无取之::selection选的选择器无论如何都适用于所有这些浏览器,因此它不是一个真正的问题.但我想知道这个选择器的WebKit特定版本的引用来自何处.

有没有人用过它？

我正在开发一个具有大量颜色样式的网站,大约250行CSS来定义7种颜色方案中的一种,因此我必须尽可能地保持各种颜色规则的分组.

当我尝试堆栈与不推荐使用的CSS3 ::selection伪元素相关的选择器时,Firefox 4的最新RC表现很糟糕.

这有效:

.green ::-moz-selection {
    /* 'Pure Hue' Color */
    background-color: #62BA21;
    color: white;
}

但是,一旦我尝试与webkit的选择器共享规则,它就会中断.

对FireFox不起作用:

.green ::selection, .green ::-moz-selection {
    /* 'Pure Hue' Color */
    background-color: #62BA21;
    color: white;
}

我知道他们可能不会解决这个错误,因为::selection工作草案中不再存在这个错误,但我更愿意,如果我不必为了这个怪癖而放弃我的CSS.