SELECT OPTION 要素内のテキストの一部をスタイル設定できますか?

OPTION テキストの一部のスタイル設定: ブラウザーの制限

問題:

複数の OPTION 要素を含む SELECT リストがあります。それぞれのテキスト内の特定の部分のスタイルを設定したいオプション。

試行:

red 青遅い

ただし、OPTION 内で SPAN 要素を使用することに対するブラウザの制限により、このアプローチは失敗します。 

解決策:
残念ながら、この問題に対する回避策はありません。 OPTION 要素のスタイルはブラウザによって制御され、部分的なテキストの変更は許可されません。いずれにせよ、OPTION テキストの断片のみをスタイル設定することは、一般に良いデザインとは見なされません。
以上がSELECT OPTION 要素内のテキストの一部をスタイル設定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
                
            
            

                                
ソース：php.cn
                            
            

                                    
                        前の記事：「表示されない」オーバーフロー値が CSS2.1 で新しいブロック書式設定コンテキストを作成するのはなぜですか?
                    
                                    
                        次の記事：ネストされた CSS @media ルールはすべてのブラウザーで一貫して機能しますか?
                    
                            
            

       
                
このウェブサイトの声明
                
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
            
            

            

                
著者別の最新記事
                

                                    
            
            

                
最新の問題
                

                                        

                        

                            function_exists() はカスタム関数を決定できません
                            Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
                            

                                

                                     から 2024-04-29 11:01:01
                                
                                

                                    
  0 
                                    
3
                                    
2194
                                
                            
                        
                    
                    

                                        

                        

                            Google Chromeのモバイル版を表示する方法
                            こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
                            

                                

                                     から 2024-04-23 00:22:19
                                
                                

                                    
  0 
                                    
11
                                    
2341
                                
                            
                        
                    
                    

                                        

                        

                            子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。
                            最初の 2 つの文は実行可能ですが、最後の文は実装できません。
                            

                                

                                     から 2024-04-19 15:37:47
                                
                                

                                    
  0 
                                    
1
                                    
1963
                                
                            
                        
                    
                    

                                        

                        

                            親ウィンドウには出力がありません
                            document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
                            

                                

                                     から 2024-04-18 23:52:34
                                
                                

                                    
  0 
                                    
1
                                    
1851
                                
                            
                        
                    
                    

                                        

                        

                            CSS マインド マッピングに関するコースウェアはどこにありますか?
                            コースウェア
                            

                                

                                     から 2024-04-16 10:10:18
                                
                                

                                    
  0 
                                    
0
                                    
1910
                                
                            
                        
                    
                    

                                    
            

            

                

                    
関連トピック
                    詳細>
                    
                
                

                    

                                                

                             
                            リップルの最近の市場動向 
                        
                                                

                             
                            ChatGPT登録 
                        
                                                

                             
                            デジタル通貨取引所トップ 10 
                        
                                                

                             
                            Douyin の親しい友人にはどのような個人情報が表示されるのでしょうか? 
                        
                                                

                             
                            C++thisポインタの役割 
                        
                                                

                             
                            フィルコインとは何ですか？ 
                        
                                                

                             
                            スプライスの使用法 
                        
                                                

                             
                            Douyinはビデオをダウンロードして保存できません 
                        
                                            
                
            
        
    

    

    
    
        

            
人気のおすすめ
            

                

                                                

                                

                                    
                                    表示楕円を超えるようにCSSを設定する方法
                                
                            
                                                

                                

                                    
                                    CSSでフォントサイズを設定する方法
                                
                            
                                                

                                

                                    
                                    CSSでホバーを使う方法
                                
                            
                                                

                                

                                    
                                    CSSで文字間隔を設定する方法
                                
                            
                                                

                                

                                    
                                    css3の新機能とは何ですか？
                                
                            
                                    
            
        
        
        

            

                
人気のチュートリアル
                詳細>
                
            
            

                

                    
関連するチュートリアル 

                    
人気のおすすめ

                    
最新のコース

                
                

                                                

                                
                                    
                                
                                

                                    最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)
                                    

                                        
1422835 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ
                                    

                                        
4267977 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    JAVA 初心者向けビデオチュートリアル
                                    

                                        
2532456 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル
                                    

                                        
507197 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                                

                                
                                    
                                
                                

                                    PHP ゼロベースの入門チュートリアル
                                    

                                        
862303 
                                     
                                                                                    

                                                
                                            
                                                                            
                                
                            
                                    
                

                                            

                            
                                
                            
                            

                                最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)
                                

                                    
1422835 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                JAVA 初心者向けビデオチュートリアル
                                

                                    
2532456 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル
                                

                                    
507197 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Web フロントエンド開発の簡単な紹介
                                

                                    
215783 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                PSビデオチュートリアルをゼロからマスターする
                                

                                    
889822 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                    
                

                                            

                            
                                
                            
                            

                                [Web フロントエンド] Node.js クイック スタート
                                

                                    
7441 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                海外のWeb開発フルスタックコースの完全なコレクション
                                

                                    
5928 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Go言語実践GraphQL
                                

                                    
4915 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                550W ファンマスターが JavaScript をゼロから段階的に学習します
                                

                                    
694 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                            

                            
                                
                            
                            

                                Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
                                

                                    
24629 回の学習
                                                                                

                                                
                                            
                                                                        
                            
                        
                                    
            
            
        

        

            

                
最新のダウンロード
                詳細>
                
            
                        
            

                

                    
ウェブエフェクト 

                    
公式サイト

                    
サイト素材

                    
フロントエンドテンプレート

                
                

                                            

                            

                                
                                [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
                            
                        
                                            

                            

                                
                                [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
                            
                        
                                            

                            

                                
                                [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
                            
                        
                                            

                            

                                
                                [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
                            
                        
                                            

                            

                                
                                [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
                            
                        
                                            

                            

                                
                                [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
                            
                        
                                            

                            

                                
                                [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
                            
                        
                                            

                            

                                
                                [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果
                            
                        
                                    
                

                                            

                            

                                
                                [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート
                            
                        
                                    
                

                                            

                            

                                
                                [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
                            
                        
                                            

                            

                                
                                [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
                            
                        
                                            

                            

                                
                                [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
                            
                        
                                            

                            

                                
                                [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
                            
                        
                                            

                            

                                
                                [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
                            
                        
                                            

                            

                                
                                [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
                            
                        
                                            

                            

                                
                                [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
                            
                        
                                            

                            

                                
                                [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）
                            
                        
                                    
                

                                            

                            

                                
                                [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
                            
                        
                                            

                            

                                
                                [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート