亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

html - 用文本替換輸入單選

html - 用文本替換輸入單選

慕的地6264312 2023-10-16 10:47:38
我想用文本替換“輸入無線電”,并且它在選擇時會改變顏色。默認顏色為白色#FFFFFF,但單擊時,它會更改為#627CA9,但沒有可見的“無線電輸入”。我希望“輸入單選”的圓圈變為“顯示:無”,但保留文本,當用戶單擊時,該文本會改變顏色,從而表明“輸入單選”已被單擊不知道能不能做到這一點!預先感謝您的幫助?。▽Σ黄鹞业挠⒄Z)<label><input type="radio" name="poll_option" class="poll_option" value="CHVRCHES">CHVRCHES</label>
查看完整描述

2 回答

?
慕尼黑5688855

TA貢獻1848條經驗 獲得超2個贊

這是你想要的嗎?我使用 jQuery 隱藏單選按鈕并在單擊單選按鈕時更改標簽的顏色。


function changeInput(input) {

  $(input).hide();

  $(input).parent().css('color', '#627CA9');

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<label><input type="radio" onclick="changeInput(this);" name="poll_option" class="poll_option" value="CHVRCHES">CHVRCHES</label>


如果您希望單選按鈕從一開始就隱藏:


$(function() {

  $('.poll_option').hide();

});


function changeInput(input) {

  $(input).parent().css('color', '#627CA9');

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<label><input type="radio" onclick="changeInput(this);" name="poll_option" class="poll_option" value="CHVRCHES">CHVRCHES</label>



查看完整回答
反對 回復 2023-10-16
?
撒科打諢

TA貢獻1934條經驗 獲得超2個贊

我認為這可能會有所幫助,只是需要一些額外的跨度:


<label>

  <input type="radio" name="poll_option" class="poll_option"value="CHVRCHES">

  <span>CHVRCHES</span>

</label>


.label input[type="radio"] {

  position: absolute;

  left: -9999px;

}


.label input[type="radio"]:checked+span {

  color: #627CA9;

}


查看完整回答
反對 回復 2023-10-16
  • 2 回答
  • 0 關注
  • 117 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號