雑魚のコーダーです。a:before要素にアイコン画像などを設定してaにtext-decorationを設定するとIE9やIE10でa:beforeにも下線が適用されてしまいます。
アイコン画像の設定方法はアイコンフォントです。
chromeなどと同じようにテキストだけに下線を設定する方法はありませんか？
補足ですaをspan等で囲ってspanに下線を適用すれば実現可能ですが、htmlソースの変更は修正量が多くなるのでcssのみで実現したいです。よろしくお願いします
雑魚ーダー、今回のケースはCSSじゃ無理だよ。
アイコンフォントをやめて背景画像にしてしまえば一応cssのみで解決できるみたいですしかし今度はアイコンの色を変更できないという問題が…
いや、そんなんせんでもborder-bottomでできるな。うん
border-bottomは盲点でしたやってみます
やってみなはれ、できんかったらおしえたるわ。雑魚ーダーやから
期待する結果が得られました！ありがとうございます
よかったな、がんばれよ雑魚ーダー
> htmlソースの変更は修正量が多くなるテンプレートエンジン使いなよ・・・。Jade はハードル高いかもだけど、ECT ならそんなにハードル高くないし。
おい、相手は雑魚ーダーだろ、そんなもん提示するなよw
トピ主です雑魚ーダーですが普通にjade使ってます。ectというのは使ったことないですね、調べてみます
雑魚、雑魚いうなや
みんなの回答 1 件
補足です
aをspan等で囲ってspanに下線を適用すれば
実現可能ですが、htmlソースの変更は修正量が多くなるので
cssのみで実現したいです。
よろしくお願いします
関連するトピックス