
設定済みのCSSを削除、もしくは読み込まない方法ではなく、
上書きによってデフォルトのブラウザスタイルに戻す方法はございますでしょうか。
例えば、リセットで下記を設定しているとします、
input{border:none; background:transparent;}
これを上書きによって、なにも設定していない状態に戻す方法はございますでしょうか。
CSS3でも構いません。ちなみに、
input{border:initial; background:initial;}
を使ってみましたが、うまくいきませんでした。
よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
全部削除したいなら、当然削除すれば良いし、
記述を一時的に残してデフォルトにしたいなら、
/* input{border:none; background:transparent;} */
とコメントアウトしておけばよいでしょう。後で戻す場合に有効。
他と区別化したいなら、他の方を個別に(transparent)設定する。
逆に、1個だけ(下記でいう class="inp" )をデフォルトっぽく見せたいなら、
デフォルトCSSは、各ブラウザによって違うから上書きで新規設定:
<input type="submit" value="送信" />
<input type="submit" value="送信" class="inp" />
input{ border: none; background: transparent;}
input.inp{ border:1px solid gray; border-radius: 3px;
background: ButtonFace;
background: -moz-linear-gradient(top,
rgba(255,255,255,0) 0%,
rgba(0,0,0,0.25)), #FFF;
background: -webkit-gradient(
linear, left top, left bottom,
from(rgba(255,255,255,0)),
to(rgba(0,0,0,0.25))), #FFF;}
ご回答ありがとうございます。
input系を再設定でデフォルトっぽく戻すのが面倒くさいので、一気に戻す方法はないかなと思いましたが、やはり無理そうですね。
No.3
- 回答日時:
>しかしCSS3のinitialという値は、「元に戻す」という考え方を取り入れようとしている証拠ではないでしょうか。
いえ、CSSにはデフォルト値がinitialです。例えば
displayのinitial値は、inlineですから、display:initial;とすれば、inlineに戻る。
nav ol {dispaly:block;}
section nav ol{display:initial;}
で、display:block;に戻るだけです。marginやpaddinもinputの初期値に戻るのではないです。
input{border:initial; background:initial;}
は
input{border:none; background:transparent;}
と同値
>デザイン面から考えますと、リセットを一切しないのは多分無理ですね。
ありえないです。多分オーサリングツールの仕様をそのまま流用している?
通称使用される要素ってせいぜい数十個です。そのうちデフォルトでよいものが大多数だと思います。
リセットをなくするだけで、スタイルシートは数分の一になっちゃいます。
他の部分で指定してなければ、わざわざimportant!を使わなくても良いです。
単純に
input{border:inherit;border-radius:0.5em;background-color:white;******}
input:active{*************}
と書けば、これらは詳細度[0 0 0 1]です。
他で設定してあれば
form table input{border:inherit;border-radius:0.5em;background-color:white;******}
とか詳細度を上げればよい。
inputなどユーザーインターフェースに関わる部分は、アクセシビリティの観点からデフォルトのスタイルシートを弄るべきではありません。
> nav ol {dispaly:block;}
> section nav ol{display:initial;}
> で、display:block;に戻るだけです。marginやpaddinもinputの初期値に戻るのではないです。
「display:block;に戻るだけ」では「display:inline;に戻るだけ」です。
> 多分オーサリングツールの仕様をそのまま流用している?
そんなものは使いません。ORUKA1951さんがどれだけ素晴らしいデザインのサイトをお作りになっているのか知りませんが、私がデザインが素晴らしいと思ったサイトではほぼすべてリセットもしくはそれに相当することをやっています。大体bodyのマージンを無くすだけでもリセットだと思いますけど。
> 他の部分で指定してなければ、わざわざimportant!を使わなくても良いです。
だから「important!」では「!important」ですけど。
自分の間違いを指摘されても頑に認めないタイプですか?
No.1
- 回答日時:
不可能です。
CSSのカスケーディングの項をしっかり理解してください。
CSSを利用する限り必須です。というかカスケーディングスタイルシートの命なのですから。
⇒値の割り当て、カスケード処理、継承( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
それには、
⇒セレクタ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
も必要です。
ごく簡単に言うと、出所による優先順位
ユーザー指定の最重要宣言>著者指定の最重要宣言>著者の宣言>ユーザーの宣言>ブラウザのスタイルシート
その上で、詳細度を比較します。*(全称セレクタ)は詳細度が0です。
^^^^^^^^^^^
ブラウザのスタイルシートの詳細度は0ですが、どんなに逆立ちしても[出所]の順番は変えられません。
あらためて、
⇒HTML 4.0におけるスタイルシートの例( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
を参考にして、important!をつけて再設定するしかないでしょう。
この様な問題が出るため、リセットしないほうが良いです。
私は一切していません。必要なとき必要な場所で設定していて、それ以外はユーザーエージェントやユーザーの設定を生かすようにしています。
ご回答ありがとうございます。
CSS3になってからできるようなってないかなと思いましたが、やはり無理なんですかね。
しかしCSS3のinitialという値は、「元に戻す」という考え方を取り入れようとしている証拠ではないでしょうか。
デザイン面から考えますと、リセットを一切しないのは多分無理ですね。しかしinput系はしなくてもいいかもしれません。今回はすでに他人がリセットしたものに手を加えるケースなので、どうしようもありませんが。
ちなみ!importantだと思いますが?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
今、見られている記事はコレ!
-
弁護士が解説!あなたの声を行政に届ける「パブリックコメント」制度のすべて
社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
gpeditの設定変更をバッチで実...
-
benq EW3270Uモニター
-
Mac使用のoffice2011 エクセル...
-
エクセルのツール-オプション...
-
IEで自動構成スクリプトが元に戻る
-
DNSサーバとADサーバの設置につ...
-
ネットワークの中のメディア機...
-
pcにps4のコントローラーを接続...
-
【Windows10】自動構成IPv4 ア...
-
ローカルアドミンにドメインユ...
-
システムエラー 1231の内容と理...
-
ローカルセキュリティポリシー...
-
社内PCにネットワーク設定の...
-
SYSVOL・NETLOGONを隠したい
-
DMM.comテレビでの視聴について
-
ログオンを元に戻すには?
-
動画を再生しながらモニタの電...
-
shutdownコマンドで「ネットワ...
-
Windows7がNASに接続できない
-
ドメイン参加PCのコンピュータ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
gpeditの設定変更をバッチで実...
-
Yahoo知恵袋が不正なユーザーに...
-
Oracleの数値型で1以下の値をセ...
-
Mac使用のoffice2011 エクセル...
-
ボーダフォン ソニー製802SEに...
-
ウィルスセキュリティ2006での...
-
javamailのダウンロード
-
OUTLOOKでスケジュールを共有する
-
エクセルのツール-オプション...
-
ワークグループからドメインへ…
-
IEの設定内容(インターネット...
-
Red Hat Linux 9 でNATの設定を...
-
IEで自動構成スクリプトが元に戻る
-
Pukiwiki のテーブルですが、
-
プロクシ切り替えソフトについて
-
秀丸メールを複数立ち上げる
-
Outlook2019のキーカスマイズは?
-
ユーザー環境変数をバッチファ...
-
WindowsXPで、グループポリシー...
-
上書きでCSSをデフォルトのブラ...
おすすめ情報