タグ付けされた質問 「background-color」

「background-color」は、要素の背景色を定義するために使用されるCSSプロパティです。これらの質問にも「css」のタグを付けます。



9
Android 5.0のDatePickerダイアログの色を変更する方法
Android 5.0の日付ピッカー(およびタイムピッカー)の配色を変更することはできますか? 私はアクセントカラーを設定しようとしましたが、これは機能しません(の有無にかかわらずandroid:): <!-- colorPrimary is used for the default action bar background --> <item name="colorPrimary">@color/purple</item> <!-- colorPrimaryDark is used for the status bar --> <item name="colorPrimaryDark">@color/purple_tint</item> <!-- colorAccent is used as the default value for colorControlActivated which is used to tint widgets --> <item name="colorAccent">@color/purple_tint</item> オリジナルから: このようなものに:

7
MacのSafariで選択した要素の光沢を削除するにはどうすればよいですか?
MacおよびiOSデバイスのSafariでは<select>、背景色のある要素はそれ自体に光沢を生成します。これは、他のオペレーティングシステムでは発生しないようです。 たとえば、次のスタイルプロパティを持つselect要素があります。 select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin: 10px 0 7px; width: 250px; background-color: #BD2786; color: white; letter-spacing: -.04em; font-weight: bold; border: 0; } そして、私の要素には必要な背景色がありますが、光沢はまだ残っています。誰もがそれをフラットカラーにする方法を知っていますか?

11
SVGのテキストの背景色
CSSでのtextようにsvgの背景に色を付けたいbackground-color fillテキスト自体に色を付けるに関するドキュメントのみを見つけることができました それも可能ですか?


14
ホバー時にRGBA背景色のアルファのみを変更することは可能ですか?
のセットがあります <a>RGBAの背景色が異なるが、アルファは同じタグのます。rgba属性の不透明度のみを変更する単一のCSSスタイルを書くことは可能ですか? コードの簡単な例: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> そしてスタイル a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} 私がやりたいの<a>は、がホバーされたときに不透明度を変更しながら、色を変更しない単一のスタイルを書くことです。 何かのようなもの a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}


4
積み重ねられた半透明の箱の色は注文によって異なりますか?
2つの積み重ねられた半透明のボックスの最終的な色が順序に依存するのはなぜですか? どちらの場合も同じ色になるようにするにはどうすればよいですか? .a { background-color: rgba(255, 0, 0, 0.5) } .b { background-color: rgba(0, 0, 255, 0.5) } <span class="a"><span class="b"> Color 1</span></span> <span class="b"><span class="a">Different Color 2</span></span> コードスニペットを実行する結果を非表示スニペットを展開
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.