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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

使用placeholder內(nèi)容居中光標(biāo)也居中了

http://img1.sycdn.imooc.com//5958d8d20001443802350098.jpg

我在輸入框的樣式中加了text-align:center使palceholder的內(nèi)容居中,可是點(diǎn)擊輸入框的時(shí)候光標(biāo)也居中了,有讓光標(biāo)居左的辦法嗎?

正在回答

3 回答

.test-input{
????width:150px;
????}
.test-input::-webkit-input-placeholder?{
???padding-left:30px;
????}

http://img1.sycdn.imooc.com//595af84d0001d48202790099.jpg

0 回復(fù) 有任何疑惑可以回復(fù)我~

你沒弄懂我的意思,我是說(shuō)讓提示文字居中,點(diǎn)擊后光標(biāo)居左,提示文字還是居中

0 回復(fù) 有任何疑惑可以回復(fù)我~

第一種方法:

設(shè)定獲得焦點(diǎn)后的樣式;

.test-input{
????width:150px;
????text-align:?center;
}
.test-input:focus{
????text-align:?left;
}

http://img1.sycdn.imooc.com//595a10120001461d02780073.jpg

第二種方法:

利用padding 使文字居中;

??.test-input{
????????width:70px;
????????padding:?0?40px;
????}

http://img1.sycdn.imooc.com//595a111500011dd302300071.jpg

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

暮女神 提問者

你沒弄懂我的意思,我是說(shuō)讓提示文字居中,點(diǎn)擊后光標(biāo)居左,提示文字還是居中
2017-07-03 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
CSS Sprite雪碧圖應(yīng)用
  • 參與學(xué)習(xí)       47092    人
  • 解答問題       241    個(gè)

必學(xué)的大型網(wǎng)站實(shí)用技術(shù),讓你快速掌握CSS Sprite雪碧圖技術(shù)

進(jìn)入課程

使用placeholder內(nèi)容居中光標(biāo)也居中了

我要回答 關(guān)注問題
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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