ID:nlkw70 さんの質問

雑魚のコーダーです。
a:before要素にアイコン画像などを設定して
aにtext-decorationを設定すると
IE9やIE10でa:beforeにも下線が適用されてしまいます。

アイコン画像の設定方法はアイコンフォントです。

chromeなどと同じようにテキストだけに下線を設定する方法は
ありませんか?

みんなの回答 1 件

ID:nlkw70 さんの回答

補足です
aをspan等で囲ってspanに下線を適用すれば
実現可能ですが、htmlソースの変更は修正量が多くなるので
cssのみで実現したいです。
よろしくお願いします

ID:VTQ2Aj

雑魚ーダー、今回のケースはCSSじゃ無理だよ。

ID:nlkw70

アイコンフォントをやめて背景画像にしてしまえば
一応cssのみで解決できるみたいです
しかし今度はアイコンの色を変更できないという問題が…

ID:VTQ2Aj

いや、そんなんせんでもborder-bottomでできるな。うん

ID:nlkw70

border-bottomは盲点でした
やってみます

ID:VTQ2Aj

やってみなはれ、できんかったらおしえたるわ。雑魚ーダーやから

ID:nlkw70

期待する結果が得られました!
ありがとうございます

ID:VTQ2Aj

よかったな、がんばれよ雑魚ーダー

ID:5oMSXR

> htmlソースの変更は修正量が多くなる
テンプレートエンジン使いなよ・・・。Jade はハードル高いかもだけど、ECT ならそんなにハードル高くないし。

ID:gmdbWE

おい、相手は雑魚ーダーだろ、そんなもん提示するなよw

ID:BO0XIt

トピ主です
雑魚ーダーですが普通にjade使ってます。ectというのは使ったことないですね、調べてみます

ID:maOJDr

雑魚、雑魚いうなや

最終更新日:2015-03-12 (4,776 views)

関連するトピックス

ページ上部に戻る