0
4

4 に答える 4

3

おそらく特異性に問題があります。jqueryUI.css の特異性は、あなたのものよりも高くなります。これに対抗するには、次の 2 つの方法があります。

  • a { text-decoration: none; }試すのではなく、特異性を高めますbody #container #content a { text-decoration: none; }。（明らかに、私が作成したものの代わりにあなたの要素IDを使用してください）
  • add !important ( a { text-decoration: none !important; }- これは、後で問題を引き起こす可能性があるため、一般的に悪い習慣です。そのため、最初の方法をお勧めします
于 2012-10-17T16:00:46.337 に答える
0

上記のリーの答えを拡張するために。私も同じ問題を抱えていたので、彼のアドバイスを受けて、themeroller で作成したカスタム テーマを確認しました。それはすでに次のものを持っていました-

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
font-weight: bold;
border-width: 1px;
border-style: solid;
}
.ui-btn:link {
text-decoration: none !important;

しかし、下線が引かれていたので、text-decoration: none !important; を追加しました。私のグローバルフォントセクションへ -

/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
font-size: 100%;
}
body,
input,
select,
textarea,
button,
.ui-btn {
font-size: 1em;
line-height: 1.3;
  font-family: sans-serif /*{global-font-family}*/;
  text-decoration: none !important;

これで下線が止まりました。

于 2014-05-01T12:54:11.077 に答える
0

または、さらに良いことに、リンクに下線を引かない修正済みの jquery.mobile-1.4.3.min.css があります: https://drive.google.com/file/d/0B9z4E6c3ozD8Vi1WQkxnQ2FmVzQ/view?usp=sharing。また、!important タグを使用しなかったため、リンク クラスと下線の制御は<head>タグで復元されます。私はすでに数週間前にこれを自分用に作成していましたが、この質問を見て、共有しない理由を考えました. 現在バージョン 1.4.5 であることはわかっていますが、アップグレードはしませんでした。なぜなら、変更ログを見ると、彼らが行ったことのほとんどはさらに多くのデフォルト設定をロックすることであり、themeroller はまだ適用されるため、実際には解決策ではないからです。あなたのプロパティに一貫性がありません。

于 2015-01-21T03:07:06.623 に答える