css - Firefox userChrome.css 工具提示不需要的白色边框

Question

在我的 userChrome.css 中:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

tooltip {
  padding: 0px !important;
  padding-left: 0px !important;
  background-color: #000000 !important;
  border-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
tooltip * {
  color: red !important;
  background-color: #000000 !important;
}

工具提示有不需要的白色边框:

CSS border-width: 0px; 试图摆脱这种情况。如果我尝试执行任何类型的 CSS margin:，工具提示将以不希望的方式闪烁。

Answer 1

好的，这是我自己的问题的答案，代码:

将产生:

注意:box-shadow 似乎不适用于工具提示，但 opacity 和 border-radius 可以。

tooltip {
  padding: 6px !important;
  background-color: #000000 !important;
  border-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
  border: 1px solid blue !important;
  border-radius:6px;
  opacity: 0.8;
}
tooltip * {
  color: #cccccc !important;
  background-color: #000000 !important;
  margin:0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding:0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}