第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

當(dāng)我懸停按鈕時(shí),按鈕會(huì)稍微移動(dòng)

當(dāng)我懸停按鈕時(shí),按鈕會(huì)稍微移動(dòng)

楊__羊羊 2024-01-22 20:51:55
我剛剛學(xué)習(xí)了 CSS 并嘗試做一些教程。我有一個(gè)帶有此 CSS 的按鈕.btn {    padding: 9px 25px;    border-radius: 5px;    margin-left: 24px;    cursor: pointer;}.btn-sign-up {    font-size: 14px;    border-color: rgba(238, 67, 116, 1);}我只想按鈕改變顏色,并在懸停時(shí)刪除邊框。但結(jié)果就是這樣: 結(jié)果圖片我已經(jīng)用谷歌搜索了它,但被卡住了,因?yàn)榻Y(jié)果我得到了另一個(gè)教程如何讓我的按鈕移動(dòng),而不是讓它不動(dòng)。對(duì)不起,我的英語不好。提前致謝!編輯:在我嘗試制作另一個(gè)按鈕后,這是因?yàn)閎order: none;這使我的按鈕稍微移動(dòng)。有沒有其他方法可以使邊框消失但按鈕不移動(dòng)?
查看完整描述

3 回答

?
繁星點(diǎn)點(diǎn)滴滴

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超3個(gè)贊

發(fā)生這種情況是因?yàn)槟趧h除邊界。不要將其刪除,而是使其與背景顏色相同。


.button {

  border: 1px solid red;

}


.button:hover {

  background: red;

  border-color: red;

}

或者,如果您希望邊框真正消失,請(qǐng)使用transparent:


.button:hover {

  background: red;

  border-color: transparent;

}


查看完整回答
反對(duì) 回復(fù) 2024-01-22
?
DIEA

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超3個(gè)贊

看下面的代碼,.btn:hover你可以編寫你的CSS


.btn:hover {

    background-color: red;

    color: #fff;

}

.btn {

    padding: 9px 25px;

    border-radius: 5px;

    margin-left: 24px;

    cursor: pointer;

    display: inline-block;

    background-color: #fff;

    border: 1px solid red;

}


.btn:hover {

    background-color: red;

    color: #fff;

}



.btn-sign-up {

    font-size: 14px;

    border-color: rgba(238, 67, 116, 1);

}

<div class="btn">one</div>

<div class="btn">two</div>


查看完整回答
反對(duì) 回復(fù) 2024-01-22
?
幕布斯7119047

TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊

我以前也遇到過這個(gè)問題


當(dāng)您將鼠標(biāo)懸停在按鈕上時(shí),該部分會(huì)稍微移動(dòng)的原因是該按鈕可能使用相對(duì)定位。這意味著按鈕相對(duì)于其父元素定位,當(dāng)您將鼠標(biāo)懸停在其上時(shí),瀏覽器會(huì)向上或向下移動(dòng)父元素,以為按鈕的懸停效果騰出空間。


要解決此問題,您可以對(duì)按鈕使用絕對(duì)定位。這將相對(duì)于視口定位按鈕,因此當(dāng)您將鼠標(biāo)懸停在其上時(shí),它不會(huì)移動(dòng)父元素。


以下是如何使用絕對(duì)定位來解決此問題的示例:


.button {

position: absolute; 

top: 0; 

left: 0;

}


查看完整回答
反對(duì) 回復(fù) 2024-01-22
  • 3 回答
  • 0 關(guān)注
  • 264 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)