タグ付けされた質問 「css」

CSS（Cascading Style Sheets）は、HTML（HyperText Markup Language）、XML（Extensible Markup Language）ドキュメント、および色、レイアウト、フォントを含む（これらに限定されない）SVG要素の外観とフォーマットを記述するために使用される表現スタイルシート言語です。とアニメーション。また、画面、紙、音声、またはその他のメディアで要素をレンダリングする方法についても説明します。

5
オーバーレイ画像でのマウス操作を無視する
ホバー効果のあるメニューバーがあり、メニュー項目の1つの上に円と「手描き」のテキストを含む透明な画像を配置したいと思います。絶対配置を使用してオーバーレイ画像をメニュー項目の上に配置すると、ユーザーがボタンをクリックできなくなり、ホバー効果が機能しなくなります。 このオーバーレイ画像とのマウスの相互作用を何らかの方法で無効にして、メニューが画像の下にあっても以前と同じように機能し続ける方法はありますか？ 編集： メニューはjoomlaで生成されたため、メニュー項目の1つだけを調整することはできませんでした。そして、たとえできたとしても、JavaScriptソリューションが適切であるとは感じませんでした。したがって、最後に、メニュー項目の外側に矢印でメニュー項目を「マーク」しました。思ったほど良くはありませんでしたが、とにかくうまくいきました。
10
DIVを下またはベースラインに揃える
子divタグを親divタグの下部またはベースラインに揃えようとしています。 私がやりたいのは、子Divを親Divのベースラインに置くことだけです。これは、次のようになります。 HTML <div id="parentDiv"> <div class="childDiv"></div> </div> CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv { height:100px; width:30px; background-color:#999; } 注意 childDiv高さの異なる複数のを使用します。ベースライン/ボトムに合わせるには、それらすべてが必要です。
94 html  css 
13
htmlラジオボタンをラベルに垂直に配置する方法は？
ラベルと同じ行にあるラジオボタンを含むフォームがあります。ただし、下のスクリーンショットに示すように、ラジオボタンはラベルと垂直に配置されていません。 ラジオボタンをラベルに垂直に配置するにはどうすればよいですか？ 編集： これがhtmlコードです： <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label for="rd1">radio 1</label><br/> <input type="radio" name="user_level" id="rd2" value="2"/> <label for="rd2">radio 2</label><br/> <input type="radio" name="user_level" id="rd3" value="3"/> <label for="rd3">radio 3</label><br/> そしてCSSコード： label{ padding:5px; color:#222; font-family:corbel,sans-serif; font-size: 14px; margin: 10px; }
12
CSS経由でオートコンプリートを無効にする
CSSを使用してフォーム要素（特にテキストフィールド）のオートコンプリートを無効にすることはできますか？ オートコンプリート要素を許可しないタグライブラリを使用しています。JavaScriptを使用せずにオートコンプリートを無効にしたいのですが。
94 html  css  forms 
6
HTMLボタン/送信の完全なスタイルを削除する
Internet Explorerのボタンのスタイルを完全に削除する方法はありますか？ボタンにcssスプライトを使用していますが、すべて問題ありません。 しかし、ボタンをクリックすると、少し上に移動し、形が崩れます。CSSクリック状態、またはマウスダウンはありますか？何がその状態を引き起こすのかわかりません。 それほど大したことではないことはわかっていますが、時には重要なのは小さなことです。
10
CSSの継承を防ぐにはどうすればよいですか？
ネストされたリスト（<ul>タグと<li>タグ）を使用する階層ナビゲーションメニューがサイドバーにあります。リストアイテムのスタイルがすでにある既成のテーマを使用していますが、トップレベルアイテムのスタイルを変更したいのですが、サブアイテムには適用しません。それらのスタイルを子リストアイテムにカスケードせずに、トップレベルのリストアイテムタグにスタイルを適用する簡単な方法はありますか？サブアイテムにオーバーライドスタイルを明示的に追加できることは理解していますが、「これらのスタイルをこのクラスに適用し、カスケードしないでください」と言う簡単な方法がある場合は、そのスタイルコードをすべて複製する必要はありません。それらを任意の子要素にまで下げます」。これが私が使用しているhtmlです： <ul id="sidebar"> <li class="top-level-nav"> <span>HEADING 1</span> <ul> <li>sub-heading A</li> <li>sub-heading B</li> </ul> </li> <li class="top-level-nav"> <span>HEADING 2</span> <ul> <li>sub-heading A</li> <li>sub-heading B</li> </ul> </li> </ul> そのため、CSSにはすでにスタイルが#sidebar ulあり#sidebar ul liますが#sidebar .top-level-nav、サブ子にカスケードされないスタイルを追加したいと思います。これを簡単に行う方法はありますか、それともすべてのスタイルを再配置して、オンになっていたスタイルが#sidebar ul特定のクラスに固有になるようにする必要がありますか？
94 css 
12
<label>と<input>をHTMLフォームの同じ行に表示するにはどうすればよいですか？
ウェブサイトの登録フォームを作成しています。各ラベルとそれに対応する入力要素を同じ行に表示したいと思います。 これが私のコードです： #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #333; height: 20px; width: 200px; margin-top: 10px; margin-left: 10px; text-align: right; clear: both; } input …
94 html  css  forms 
6
Chromeデバイスモードのエミュレーションメディアクエリが機能しない
何らかの理由で、デバイスエミュレーションモードがメディアクエリを読み取っていません。ブートストラップで作成した自分のサイトを含む他のサイトでは機能しますが、最初から使用しているメディアクエリでは機能しません（メディアクエリボタンをクリックするとボタンが青色に変わりますが、メディアクエリは表示されません）。以下のテストファイル。これはChromeのバグですか、それともファイルに変更が必要なものがありますか？ &lt;!DOCTYPE html&gt; &lt;!-- Media Queries Example 1 Sam Scott, Fall 2014 --&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;MQ Example 1&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;style&gt; body { font-family: sans-serif; } h1 { color: red; } h2 { color:blue; } p { color:green; } @media (max-width: 768px) and (min-width: 481px) { …
9
ビューポートの高さを超えた場合にのみ、固定要素のコンテンツをスクロール可能にするにはどうすればよいですか？
私がしているdivに位置しfixed、メニューやナビゲーションリンクを含む、Webページの左側にあります。cssから設定された高さはなく、コンテンツによって高さが決まり、幅は固定されています。問題は、コンテンツが多すぎると、divウィンドウの高さよりも大きくなり、コンテンツの一部が表示されなくなることです。（位置があるので、ウィンドウをスクロールすると、ヘルプがないfixedし、divスクロールしません。） 設定してみました overflow-y:auto;が、それも役に立ちません。divは、その一部がウィンドウの外にあることに気付いていないようです。 divハングがウィンドウの外にぶら下がっている場合、必要な場合にのみコンテンツをスクロール可能にするにはどうすればよいですか？
94 html  css  css-position 
11
CSSを非同期にロードする方法
私のサイトでレンダリングがブロックされている2つのCSSファイルを削除しようとしています-それらはGooglePage SpeedInsightsに表示されます。私はさまざまな方法に従いましたが、どれも成功しませんでした。しかし、最近、Thinking Asyncに関する投稿を見つけました&lt;script async src="https://third-party.com/resource.js"&gt;&lt;/script&gt;。このコードを適用すると、問題は解決しました。 ただし、公開後、ページのスタイルが失われました。コードが機能するため、何が起こっているのかよくわかりませんが、アップロード後のスタイリングが機能しません。これであなたの助けをいただければ幸いです。ありがとう
94 html  css  asynchronous 
11
Javascriptを使用してインラインスタイルを追加する
このコードを動的に作成されたdiv要素に追加しようとしています style = "width:330px;float:left;" ダイナミクスを作成するコードdivは var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '&lt;label&gt;' + sSearchStr + '&lt;/label&gt;'; 後にスタイルを追加するのが私の考えですが、&lt; div class="well"どうすればいいのかわかりません。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.