HTMLでハイライトの色を変更する方法

1. CSSを使用した方法: HTML要素に対してCSSを使用してハイライトの色を変更することができます。以下は例です:

   <style>
    .highlight {
      background-color: yellow;
    }
   </style>
   <p class="highlight">ハイライトされたテキスト</p>

   上記の例では、highlightというクラスを持つ<p>要素が黄色でハイライトされます。background-colorプロパティを適宜変更することで、好みの色に変更できます。

2. JavaScriptを使用した方法: JavaScriptを使ってハイライトの色を動的に変更することも可能です。以下は例です:

   <script>
    function changeHighlightColor() {
      var elements = document.getElementsByClassName('highlight');
      for (var i = 0; i < elements.length; i++) {
        elements[i].style.backgroundColor = 'blue';
      }
    }
   </script>
   <p class="highlight">ハイライトされたテキスト</p>
   <button onclick="changeHighlightColor()">色を変更</button>

   上記の例では、changeHighlightColorというJavaScript関数が定義されており、highlightクラスを持つ要素の背景色が青に変更されます。ボタンをクリックすることで色を変更できます。

これらの方法を使用することで、HTMLでハイライトの色を変更することができます。必要に応じて、色や要素の選択方法をカスタマイズしてください。