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

この構文を使用する意味は何ですか div.card > div.name これの違いは何ですか div.card div.name

126 css  css-selectors 

要素を選択しました。矢印を削除したいので、他のアイコンを追加します。FirefoxSafariとChromeでそれを実行できますが、IE9では機能しませんでした。 .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') no-repeat; background-position: 179px 7px; text-indent: 0.01px; text-overflow: ""; color: #FCAF17; width:200px; } SEE フィドル上のIE9。IE9で矢印を削除するだけです。JSFIDDLEで回答してください。

126 html  css  html-select 

インラインで保持する必要がある2つの画像があります。各画像の下にキャプションを書きたいです。 <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> どのように実装できますか？

126 css  html 

Web開発者がChrome / Safari / WebKitの特定inputまたはtextarea要素のスペルチェックをオフにする方法はありますか？特別なタグ属性または独自のCSS命令のいずれかを意味します。 inputsのアウトラインをオフにするためのCSS指示があるので、それも存在するのではないかと思いました。ユーザーがそれを行う方法を知っています。 または、ユーザーとして、特定のドメインに対して無効にできますか？

126 html  css  google-chrome  spell-checking 

私のページには、クリックするとdiv画面の中央に（ポップアップスタイル）を表示するボタンがあります。 次のCSSを使用してdiv、画面の中央にを配置しています。 .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } このCSSは、ページが下にスクロールされない限り正常に機能します。 しかし、ページの下部にボタンを配置すると、ボタンをクリックdivすると上部に表示され、ユーザーは上にスクロールしてのコンテンツを表示する必要がありdivます。 divページがスクロールされている場合でも、画面中央にを表示する方法を教えてください。

126 html  css  scroll  position  centering 

#abc divat 50pxとtextの高さを維持して、の中央で垂直に整列させたいdiv。 body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> コードスニペットを実行する結果を非表示スニペットを展開

126 css  vertical-alignment 

私がやろうとしていることは、ツールチップの色を赤に変更することです。ただし、他の複数の色も使用したいので、元のツールチップの色を単に置き換えたくありません。 これを行うにはどうすればよいですか？

126 html  css  twitter-bootstrap 

最近のGoogle Chromeの更新により、を実行した後にテキストが不鮮明になるようtransform: scale()です。具体的には私はこれをやっています： @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Chromeでhttp://rourkery.comにアクセスすると、メインテキスト領域に問題が表示されます。これは以前は行われていなかったため、他のWebkitブラウザー（Safariなど）に影響を与えていないようです。3D変換で同様の問題が発生している人々に関する他の投稿がいくつかありましたが、このような2D変換については何も見つかりません。 どんなアイデアでも感謝します、ありがとう！

126 google-chrome  css  webkit  transform  css-animations 

このリストを1行で表示したい。 リストアイテム1 リスト項目2 次のように表示する必要があります *リストアイテム2 *リストアイテム2 使用するCSSスタイルは？

126 css 

親のパディングを無視するように水平方向のルールを取得しようとしています。 これが私が持っているものの簡単な例です： #parent { padding:10px; width:100px; } hr { width:100px; } 水平方向のルールが親から10px外側に伸びていることがわかります。親divの他のすべてに必要なパディングを無視するようにしています。 他のすべてに対して個別のdivを作成できることは知っています。これは私が探している解決策ではありません。

126 html  css 

何をしautoますmargin:0 auto;か？ どういうことか分かりautoません。時々、オブジェクトをセンタリングする効果があることを知っています。ありがとう。

126 css 

メディアクエリを使用せずにCSSグリッドを折り返すことは可能ですか？ 私の場合、グリッドに配置したい非決定的な数のアイテムがあり、そのグリッドを折り返したいです。Flexboxを使用すると、適切に適切に間隔を空けることができません。たくさんのメディアクエリも避けたいです。 ここにいくつかのサンプルコードがあります： .grid { display: grid; grid-gap: 10px; grid-auto-flow: column; grid-template-columns: 186px 186px 186px 186px; } .grid > * { background-color: green; height: 200px; } <div class="grid"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> コードスニペットを実行する結果を非表示スニペットを展開 そしてここにGIF画像があります： 余談ですが、私と同じようにすべてのアイテムの幅を指定することを避ける方法を誰かが教えてくれればgrid-template-columnsそれは素晴らしいでしょう。子供には自分の幅を指定することをお勧めします。

126 html  css  css-grid 

画像（動的に配置され、寸法に制限はありません）を親divと同じ幅にしようとしていますが、その幅が100％の独自の幅よりも広くない場合に限ります。私はこれを試しましたが、役に立ちませんでした： img { width: 100%; height: auto; max-width: 100%; } これらの画像の多くは親divよりも幅が広いため、それに応じてサイズを変更したいのですが、小さな画像がそこに表示され、通常の寸法を超えて拡大されると、本当にひどく見えます。これを行う方法はありますか？

125 html  width  css 

JavaScriptから擬似クラスセレクター（：link、：hoverなど）のCSSルールを変更する方法を探しています。 CSSコードの類似：a:hover { color: red }JSで。 他に答えは見つかりませんでした。これがブラウザでサポートされていないことを誰かが知っていれば、それも役立つ結果になります。

125 javascript  css  pseudo-class  css-in-js 

divを常に親divの右側に配置したいので、を使用しますfloat:right。できます。 ただし、挿入時に他のコンテンツに影響を与えないようにしたいので、を使用しますposition:absolute。 現在float:rightは機能しません。私のdivは常に親divの左側にあります。どうすれば右に移動できますか？

125 css  css-float  position