課程
/前端開發(fā)
/HTML/CSS
/CSS Sprite雪碧圖應(yīng)用
我在輸入框的樣式中加了text-align:center使palceholder的內(nèi)容居中,可是點(diǎn)擊輸入框的時(shí)候光標(biāo)也居中了,有讓光標(biāo)居左的辦法嗎?
2017-07-02
源自:CSS Sprite雪碧圖應(yīng)用 4-1
正在回答
.test-input{ ????width:150px; ????} .test-input::-webkit-input-placeholder?{ ???padding-left:30px; ????}
你沒弄懂我的意思,我是說(shuō)讓提示文字居中,點(diǎn)擊后光標(biāo)居左,提示文字還是居中
第一種方法:
設(shè)定獲得焦點(diǎn)后的樣式;
.test-input{ ????width:150px; ????text-align:?center; } .test-input:focus{ ????text-align:?left; }
第二種方法:
利用padding 使文字居中;
??.test-input{ ????????width:70px; ????????padding:?0?40px; ????}
暮女神 提問者
舉報(bào)
必學(xué)的大型網(wǎng)站實(shí)用技術(shù),讓你快速掌握CSS Sprite雪碧圖技術(shù)
6 回答placeholder居中問題
1 回答h3怎么沒有居中呢
3 回答怎樣讓文字居中顯示
6 回答這題里面文字居中怎么設(shè)置?能用margin 0 auto嗎?
1 回答文字居中對(duì)h3設(shè)置margin 0 auto沒效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-07-04
2017-07-03
你沒弄懂我的意思,我是說(shuō)讓提示文字居中,點(diǎn)擊后光標(biāo)居左,提示文字還是居中
2017-07-03
第一種方法:
設(shè)定獲得焦點(diǎn)后的樣式;
第二種方法:
利用padding 使文字居中;