http://css.eweb-design.com/1104_gl.html
上記サンプルのようなスタイルシートを使いたいのですが,楽天RMSを使っているため<a style~>などしか使えません.
<head>内にタグを追加することが出来ないのですが,<a style~>などでこのサンプルのようなスタイルシートを書くことは出来るでしょうか?
http://oshiete.goo.ne.jp/qa/2170402.html
この質問とは少し違うようなので質問させていただきました.
よろしくお願いいたします.
No.2ベストアンサー
- 回答日時:
A.lnk:visited 以外の擬似クラスは、イベント属性(onxxx="")
にjavascriptを使ってstyle属性の変更で対処出来ます。
(※javascript無効の環境では×ですが)
例えば
A.lnk:hover {
text-decoration: none; /* 文字装飾 */
color: #ffffff; /* 文字の色 */
background-color: #ff0000; /* 背景色 */
}
は、
----
<a onmouseover="a_mouse_in(this);" onmouseout="a_mouse_out(this);">xxx</a>
----
<script type="text/javadcript">
function a_mouse_in(elm){
elm.style.color = '#ffffff';
elm.style.backgroundColor = '#ff0000';
elm.style.textDecoration ='none;'
}
function a_mouse_out(node){
elm.style.color = 元の文字の色;
elm.style.backgroundColor = 元の背景色;
elm.style.textDecoration = 元の文字装飾;
}
</script>
ご回答ありがとうございます.
楽天goldを使用しない方針なので,javascriptは使えないのですがそのような書き換えが出来ることを知りとても勉強になりました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- WordPress(ワードプレス) wordpress cocoon ヘッダーのフォント変換 2 2022/11/22 09:58
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
HTMLでHGPゴシックEを表現する...
-
”ヒラギノ明朝Pro”をWindowsで...
-
パスワード欄の"●"文字を小さく...
-
ペイント3Dのテキストサイズ変更
-
セレクトボックスの幅を指定し...
-
MoveWindowで位置だけ変更する...
-
shiromuku(u2)DIARYについての...
-
<select>タグの枠の色について
-
「プログラミング言語」と「マ...
-
文字を点滅させるHTML
-
HTMLテキストボックス内の文字...
-
アンドロイドスマホでのphp ech...
-
CSSがFirefoxで効かない(IEで...
-
CListCtrlで行の高さを指定した...
-
VB6.0で印刷サイズを指定したい...
-
セレクトボックス内のフォント位置
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
テキストエディタmiの表示文字...
-
alertで表示させる文字サイズは...
-
セレクトボックスの幅を指定し...
-
英サイト(UTF-8)内での全角文字...
-
VBAでListViewのフォントを変更...
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
<pre>タグ内のフォントサイズに...
-
奇数のフォントサイズ指定について
-
コピーライト記号の表示が小さい
-
パスワード欄の"●"文字を小さく...
-
アンドロイドスマホでのphp ech...
-
インラインフレーム内の文字の...
-
HTMLでHGPゴシックEを表現する...
-
MoveWindowで位置だけ変更する...
-
HTMLテキストボックス内の文字...
-
ウィキペディア(Wikipedia)っ...
おすすめ情報