とにかく(CSSで)ページで紹介されたテキストとリンクの下線を避けるために..?
15 に答える
CSSを使用します。a
これにより、u
要素から下線が削除されます。
a, u {
text-decoration: none;
}
要素の他のスタイルをオーバーライドする必要がある場合があります。その場合!important
、ルールで修飾子を使用できます。
a {
text-decoration: none !important;
}
cssは
text-decoration: none;
と
text-decoration: underline;
これにより、色とアンカータグが存在する下線が削除されます
a {
text-decoration: none;
}
a:hover {
color: white;
text-decoration: none;
cursor: pointer;
}
最も簡単なオプションは次のとおりです。
<a style="text-decoration: none">No underline</a>
もちろん、CSSとHTML(つまりインラインCSS)を混在させることは、特にa
タグをいたるところに使用している場合は、お勧めできません。
そのため、代わりにこれをスタイルシートに追加することをお勧めします。
a {
text-decoration: none;
}
または、JSファイルのこのコードでさえ:
var els = document.getElementsByTagName('a');
for (var el = 0; el < els.length; el++) {
els[el].style["text-decoration"] = "none";
}
CSSを使用してtext-decoration
sを削除します。
a {
text-decoration: none;
}
アンカーリンクからのみアンダースコアを削除したい場合に最適なオプション-
#content a {
text-decoration-line:none;
}
これにより、下線が削除されます。
さらに、他のスタイルを操作するためにも同様の構文を使用できます-
text-decoration: none;
text-decoration-color: blue;
text-decoration-skip: spaces;
text-decoration-style: dotted;
お役に立てれば!
PS-これは私の最初の答えです!
レンダリングUICSSによってオーバーライドされる場合があります。使用する方が良い:
a.className {
text-decoration: none !important;
}
私の場合、次のように、アンカーによるホバー効果に関するルールがありました。
#content a:hover {
border-bottom: 1px solid #333;
}
もちろん、text-decoration: none;
この状況では役に立ちませんでした。そして、私はそれを見つけるまで多くの時間を費やします。
したがって、アンダースコアを境界線の下部と混同しないでください。
私はWeb印刷でこの問題に悩まされ、解決しました。検証結果。
a {
text-decoration: none !important;
}
できます!
問題に別の視点を提供するには(元の投稿のタイトル/コンテンツから推測されるように):
HTMLに不正なアンダースコアを作成しているものを追跡する場合は、デバッグツールを使用します。から選択することがたくさんあります:
FirefoxにはFireBugがあります。
OperaにはDragonflyがあります([ツール]-> [詳細設定]メニューでは「開発ツール」と呼ばれます。デフォルトではOperaに付属しています)。
IEの場合、「Internet Explorer DeveloperToolbar」があります。これはIE7以下の個別のダウンロードであり、IE8に統合されています(F12キーを押します)。
Safari、Chrome、その他の少数派のブラウザについてはわかりませんが、とにかく、上記の3つのうち少なくとも1つをマシンにインストールする必要があります。
スタイリング(ホバーの下線や青色など)を追加せずにアンカータグをリンクとして使用する場合は、アンカータグに追加 class="no-style"
します。次に、グローバルスタイルシートでクラス「no-style」を作成します。
.no-style {
text-decoration: none !important;
}
これには2つの利点があります。
- すべてのアンカータグに影響するわけではなく、「no-style」クラスが追加されたタグにのみ影響します。
- これにより、text-decorationをnoneに設定できなくなる可能性のある他のスタイルが上書きされます。
cssプロパティを使用します。
text-decoration:none;
リンクからアンダースコアを削除します。
リンクタグを使用してスタイルシートを含めることを忘れないでください
http://www.w3schools.com/TAGS/tag_link.asp
または、CSSをWebページのスタイルタグで囲みます。
<style>
a { text-decoration:none; }
p { text-decoration:underline; }
</style>
リンク以外のものにアンダースコアを使用することはお勧めしません。アンダースコアは、クリック可能なものとして一般的に受け入れられています。クリックできない場合は、下線を付けないでください。
CSSの基本はw3schoolsで習得できます
<u>
非推奨のタグです。
使用する...
<span class="underline">My text</span>
を含むCSSファイルで...
span.underline
{
text-decoration: underline;
}
あるいは単に...
<span style="text-decoration:underline">My Text</span>
下線は、テキスト装飾と呼ばれるCSSプロパティによって削除できます。
<style>
a {
text-decoration:none;
}
</style>
以外の要素に存在するテキストの下線を削除する場合は、次の構文を使用する必要があります。
<style>
element-name{
text-decoration:none;
}
</style>
リンクのデザインに役立つテキスト装飾の値は他にもたくさんあります。