[WordPress] ワードプレス – 下罫線 navbar の CSS を削除

スポンサーリンク

質問

私は「テスト」と呼ばれるワードプレスの私のナビゲーションバー メニューにボタンを追加: http://honigwerk.com/test/

.btn をそのプロパティをパーソナル化と呼ばれるクラスを作成:

.btn {
    box-shadow: none;
    background: #fee54b;
    background-image: -webkit-linear-gradient(top, #fee54b, #fdc509);
    background-image: -moz-linear-gradient(top, #fee54b, #fdc509);
    background-image: -ms-linear-gradient(top, #fee54b, #fdc509);
    background-image: -o-linear-gradient(top, #fee54b, #fdc509);
    background-image: linear-gradient(to bottom, #fee54b, #fdc509);
    border-radius: 8px;
    color: #b77d02;
    border-bottom: none;
}

.btn:hover {
    box-shadow: none;
    background: #fcd63c;
    text-decoration: none;
    border-bottom: none;
}

ホバー、しかし私はことができないとき、要素の下枠線を削除したいです。それは無視されますように見えます、国境底: なし; ステートメントの

ここで私を助けることができるか?

ありがとうございました !

答え

あなたの css でこれを追加:

.btn a { border-bottom: none !important; }

答え

の重要な財産でこれを試してください:

.btn > a:hover {
    border: 0 none !important;
}

答え

自体は (a) リンク上にあるためにです。これを使用する場合:

.btn:hover > a{
    border-bottom: none !important;
}

動作するはずです

http://stackoverflow.com/questions/28042093/wordpress-css-remove-bottom-border-navbar

スポンサーリンク

Leave a Reply