1

これが私のコードです

ここでは、CSS の「ホバー」を使用して、マウス ポインターがボタン イメージ上にあるときにボタン イメージのフォントの色を変更しました。ボタン イメージをクリックしたときに、イメージの色またはフォントの色を変更する必要があります。

だから、私のボタン画像にこの要件を与えるのを手伝ってください....

ボタン画像の CSS コード:

        <style>
            .button {
                border: none;
                background: url('images/btn_login.jpg') no-repeat top left;
                color:white;
                padding: 2px 8px;
             }
             .button:hover {
                 border: none;
                 background: url('images/btn_login.jpg') no-repeat top left;
                 color:black;
                 padding: 2px 8px;
              }
           </style>

HTML コード :

      <td width="84"><input name="login" class="button" id="" type="submit" value="Login" /></td>
4

5 に答える 5

1 
<style>
            .button {
                border: none;
                background: url('images/btn_login.jpg') no-repeat top left;
                color:white;
                padding: 2px 8px;
             }
             .button:hover {
                 border: none;
                 background: url('images/btn_login.jpg') no-repeat top left;
                 color:black !important;
                 padding: 2px 8px;
         background-color:#F00 !important;
              } 
           </style>
于 2013-06-11T05:37:45.207 に答える
1

2 つのセレクターがあります。

: マウスがダウンしているときにアクティブ

:ボタンがフォーカスを保持している場合、マウスが離されたときにフォーカスします。

于 2013-06-11T04:49:03.290 に答える
0

CSS:

            .button {
             border: none;
             background: url('images/btn_login.jpg') no-repeat top left;
             color:white;
             padding: 2px 8px;
             }
             .button:hover {
              border: none;
              background: url('images/btn_login.jpg') no-repeat top left;
              color:black;
              padding: 2px 8px;
              }
             .buttonhover {
              border: none;
              background: url('images/btn_login.jpg') no-repeat top left;
              color:black;
              padding: 2px 8px;
              }

Jクエリ:

$(".button").on('click',function(){
 $(this).removeClass('button');
$(this).addClass('buttonhover');
})
于 2013-06-11T05:18:40.443 に答える