0

ハイパーリンクされたテキスト ボックスがあり、問題はハイパーリンク テキストから下線を削除しようとしていることです。

設定により削除されるtext-decoration:none;はずですが、機能していないようです。

ハイパーリンクされたテキストからこの下線を削除するにはどうすればよいですか?

ここに画像の説明を入力

HTML:

<a href=""><div class = "i6">Test Page</div></a>

CSS:

.i6 {
  height:30px; 
  width:80px;
  position:absolute;
  left:1150px;
  top:10px;
  font-family: Lucida Sans;font-size:15px; 
  color: #FFFFFF;
  background-color:#C1DAD4; 
  margin:10px;
  list-style:none;
  text-align:center;
  padding-top:0px;
  padding-bottom:10px;
  padding-right:2px;
  padding-left:0px;
  text-decoration:none;
}
4

1 に答える 1

3

text-decoration:none; 内部ではなく、リンク自体に適用する必要がありますdiv.

たとえば、リンク自体にクラスを与えることができます。

<a href="" class="theLink"><div class = "i6">Test Page</div></a>

次に、CSS で、リンク自体をターゲットにすることができます。

.theLink {
  text-decoration:none;
}

これは動作中のjsFiddleです。

于 2013-04-07T17:08:00.133 に答える