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

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

html 頁(yè)面上的按鈕怎么加上圖標(biāo)?

html 頁(yè)面上的按鈕怎么加上圖標(biāo)?

ExiaGo 2017-07-07 09:13:36
button 和 input 網(wǎng)上都搜過(guò)了,例如在取消按鈕上加一個(gè) “X”,請(qǐng)問(wèn)是怎么做的?謝謝。
查看完整描述

4 回答

已采納
?
拿不到鑰匙的車(chē)放不進(jìn)手機(jī)的歌

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

我最近剛好做過(guò)這類(lèi) 自己是通過(guò)把圖標(biāo)設(shè)置background ?然后字體設(shè)置padding來(lái)實(shí)現(xiàn)的?

查看完整回答
1 反對(duì) 回復(fù) 2017-07-07
點(diǎn)擊展開(kāi)后面2
?
慕標(biāo)1989057

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

:before?{

? ?position:?relative;

? ?right:?5px;

? ?content:?url(../images/ ? ? ? ?.png);

//前面加圖標(biāo)


:after?{

? ?position:?relative;

? ?left:?80px;

? ?content:?url(../images/ ? ? ? ?.png);

//后面加圖標(biāo)

查看完整回答
2 反對(duì) 回復(fù) 2017-07-08
?
杜發(fā)明

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

給你說(shuō)幾個(gè)解決的方法:

  1. 使用svg的矢量圖標(biāo),推薦阿里云的;

  2. 使用canvas的h5畫(huà)布技術(shù),這個(gè)東西絕對(duì)是未來(lái)的主流渲染,但在這快不是很實(shí)用;

  3. 找一個(gè)“X”的img圖片;

  4. 直接用文本“X”代替

查看完整回答
2 反對(duì) 回復(fù) 2017-07-07
  • ExiaGo
    ExiaGo
    矢量圖標(biāo)我用過(guò),謝啦。
  • qq_雪雨白_lzw
    qq_雪雨白_lzw
    <input type="button" >這個(gè)里邊加矢量圖標(biāo)怎么加?
  • 杜發(fā)明
    杜發(fā)明
    如果input標(biāo)簽內(nèi)部真的包裹不了,換一種思路,用一個(gè)html的點(diǎn)擊塊來(lái)觸發(fā)函數(shù),這樣里面的樣式你想咋寫(xiě)就咋寫(xiě)。 不妨可以看看一些大型很炫的網(wǎng)站,基本上都是用一些點(diǎn)擊塊來(lái)實(shí)現(xiàn)業(yè)務(wù)邏輯。
?
xing_org1

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

用背景圖吧,不一定要用button標(biāo)簽,樣式可以做成那樣的效果

查看完整回答
1 反對(duì) 回復(fù) 2017-07-07
  • ExiaGo
    ExiaGo
    就是圖片當(dāng)作按鈕么?
  • xing_org1
    xing_org1
    不是圖片,是background-image,url鏈接按個(gè)圖標(biāo),然后用background-position來(lái)控制其位置,如果你想高級(jí)點(diǎn)寫(xiě)法,查一下css手冊(cè)的background屬性
  • ExiaGo
    ExiaGo
    嗯,謝啦,剛剛采納的就是這樣告訴我的,只能采納一個(gè),不好意思了。
點(diǎn)擊展開(kāi)后面1
?
披黑風(fēng)的貓

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

<button> X </button> 這樣取巧可以加一個(gè) X 在按鈕上


我們通常使用? 矢量圖? 也就是所謂的? 字體圖標(biāo)? ,網(wǎng)絡(luò)上有很多? 字體圖標(biāo)庫(kù)? 只要下載下來(lái)就可以使用了


有什么問(wèn)題可以問(wèn)我

查看完整回答
1 反對(duì) 回復(fù) 2017-07-07
  • ExiaGo
    ExiaGo
    不是這樣的,就是按鈕 [X 取消] X是個(gè)紅色圖標(biāo),假如一個(gè)保存按鈕,按鈕上有一個(gè)像磁盤(pán)的圖標(biāo)的,不知道這樣您明白么?謝謝啦。
?
愛(ài)學(xué)習(xí)的他

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

font awesome

查看完整回答
反對(duì) 回復(fù) 2017-07-07
?
qq_莫非

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

<button type="button">X</button>

這樣的

查看完整回答
反對(duì) 回復(fù) 2017-07-07
  • 4 回答
  • 1 關(guān)注
  • 27253 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(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)