input searchで入力すると出てくるXの色を変えるには？

htmlのタグinputには、type ="search"というのがある↓。

このタグを使うと、入力するとき、Xが出てきて、

このXをクリックすると、入力内容がすべて消える

ここで、入力領域を、↓のCSSのようにすると

.answer {
color:white;
background:black;
}

（つまり、入力領域の文字を白、背景を黒にすると）

Xだけ、白くならない。このXの色を白くするには？というのがお題。

---

■失敗：-webkit-search-cancel-buttonでは、色は変わらない

このXは、-webkit-search-cancel-buttonで、表示したり、削除したりできる。

例えば、表示を消すには、

input[type="search"]::-webkit-search-cancel-button {
　　　-webkit-appearance: none;
}

で消える。じゃあというので、同じ理屈で、

input[type="search"]::-webkit-search-cancel-button {
　　　color:white;
}

とやっても、Xボタンは白くならない。

---

■白く変えればいい場合

で、色を変えるとき、白く変えればいいだけであれば、

「color-scheme」

color-scheme - CSS: カスケーディングスタイルシート | MDN

を使えばできる。color-schemeを

:root {
color-scheme:dark;
}

と記述すると、↓のように、周りが黒くなって、Xが白くなる。

また、フォーカスが当たった時、白くなる

周りも黒くなってしまうのは、困る。

そこで、color-schemeをroot(つまりhtml全体）にではなく、input[type="search"]に適用し、

さらに、フォーカスが当たった時、白くするのをやめさせる（outline:0）

と、思ったような感じになる。

まとめると、CSSは、こんな感じ

.answer {
color:white;
background:black;
}


input[type="search"] {
outline:0;
color-scheme:dark;
}

そうすると、こんなかんじ

---

■白以外の場合

自分の場合はこれで済んだんだけど、白以外のXにしたい場合は…

Xのアイコン画像を変えるとできるのかなあ～（やってないです）

詳しくは、↓のサイトにあるみたい

<input type="\</p">

鈴木舞さんのアンコール２曲目、聴くだけで間違いなくファンに沼落ちます！

２月１０日は東京セラフィックオーケストラ

の第１８回定期演奏会に行ってきました！

東京新宿区・豊島区のアマチュアオーケストラ

東京セラフィックオーケストラの魅力は、

最近は、コンサートマスターが、プロの人が担当していることです

（アマチュアのオーケストラなのに）

今回のコンサートマスター（女性でも、セラフィックはコンサートマスター

としている）は、加藤えりなさんです。

　加藤えりなさんは、演奏している姿が、すらっとしていて決まっています。さすがプロっていう感じです。

---

今回の会場は、アプリコ。蒲田にあります。東口（大田区役所のほう）おりて、グーグルマップに従って適当に行ったらついた（場所、説明しにくいところにある）。

今回の演目は

チャイコフスキー　ヴァイオリン協奏曲ニ長調 作品35

ブラームス　交響曲第2番ニ長調 作品73

今回のソリストは、ヴァイオリンの鈴木舞さんです！

---

１曲目、チャイコフスキーのヴァイオリン協奏曲が始まり、

鈴木舞さんが弾き始めると、

自分のような音楽全く知らない素人でも

「ソリストの人のヴァイオリンの音、すごい！」

とわかるほど、音が違います。

大きさも違うけど、表現力というか、表情というか・・・

とにかく、なんとなく違う。

（ごめん、音楽詳しくないので、こんな表現しかできないけど、

　とにかく違うのです・・・すごいのです・・・）

休憩時間に知った。

ヴァイオリンは「1683年製のニコロ・アマティ 」とのこと。

すごいのですか？すごいんでしょうね！こんだけ音が違うんだから！！

---

で、１曲目の演奏が終わり、拍手したあと、アンコール１曲目は無難に

で、普通、ソリストのアンコールって１曲だと思うけど、

もう１曲やってくれた、これがすごい！！

あまりのすごさに、この後休憩になったんだけど、

休憩中、「アンコールの２曲目、知ってる？」

「知らない、聴いたことない」

何ていう会話が、どこからともなく聞けるくらい。

その２曲目のアンコール曲は

↓の曲なんだけど

 

鈴木舞さんの演奏は、こんなもんじゃない！

↑の人は、１分３０秒あたりから、ただ早いだけだけど、

鈴木舞さんの演奏は、ここからが真骨頂で、

音の表情がわかって、面白さが伝わってくる！！

この部分は、楽器の良さも相当あると思う。

その良さを引き出せるだけの、鈴木舞さんに技量があるってことですよね！

すごいっす。

思わず、ググってしまいました。

Mai Suzuki　鈴木 舞

---

休憩後は、

ブラームス　交響曲第2番ニ長調 作品73

よく聞く曲・・・

 

というか、これ２月２３日に、オーケストラ・ルゼルもこの曲、

やるんだよね！比較できますね（＾＾；）

姿勢が美しい加藤えりなさん　VS　姿勢が個性的な岡本稔さん

ルゼルの岡本 稔さん（アマチュアオケ）が、「ずっと真夜中でいいのに。」を抜いた！（本ブログ比） - ウィリアムのいたずらの、まちあるき、たべあるき

・・・コンサートマスター対決？？

って、ルゼルのコンサートマスターが岡本さんじゃなくて

小野澤さんの可能性あるけど・・

ちなみに、今日の演奏は、第４楽章の一番最後が、もうすこし

テンポ早くてよくない？と思ったけど、それは個人の好みの

問題ですね、たぶん！

---

アンコール曲は

いやーなんといっても、今回の聴き所は

鈴木舞さんのアンコール２曲目ですね。

聴いたら一発でファンの沼に落ちます。

セラフィックは、ソロにプロの人が出てくるので

（そして、コンサートマスターは今のところプロの人

なので）、楽しみですね！

また、今回みたいにすごい人だといいなあ・・・

あ、それと、２月２３日のルゼルのブラームス交響曲第二もたのしみ！

---

おまけ　駅前で↓の募金やってたので、募金してきてこれもらった