5

CSSでHTML送信ボタンのスタイルを設定しようとしています:

HTML:

<input type="submit" value="Yes" id="popUpYes">"

CSS:

#popUpYes
{
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover
{
  background-color: white;
}

基本的なスタイルは機能しますが、ホバー時に背景の色が変わりません。

4

6 に答える 6

3

このJSfiddleを試してください

これを試して：

   #popUpYes
    {
      width: 60px;
      height: 30px;
      background-color: black;
      color: white; /* SET COLOR IN WHITE */
    }

    #popUpYes:hover
    {
      background-color: white;
      color: black; /* SET COLOR IN BLACK */
    }    

     
 <input type="submit" value="Yes" id="popUpYes">

colorテキストに - 属性を割り当てる必要があります。

于 2013-09-03T18:34:56.513 に答える
0

正常に動作するリンク

#popUpYes {
   width: 60px;
   height: 30px;
   background-color: black;
   color:white;
}
#popUpYes:hover {
   background-color: white;
   color: black;
}
于 2013-09-03T18:35:07.477 に答える
0

あなたの質問によると、「基本的なスタイルは機能しますが、ホバー時に背景の色が変わりません。」、これは、プロパティを介して BackColor または background-color を設定した場合にのみ発生します。プロパティの代わりに css クラスを使用したため、コードは正常に動作します。

于 2015-08-17T06:59:24.373 に答える
0

コードはそのまま動作します -> http://jsfiddle.net/2wYqd/お使いのブラウザは何ですか?

#popUpYes {
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover {
  background-color: white;
}
于 2013-09-03T18:33:13.357 に答える