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

為了賬號安全，請及時綁定郵箱和手機立即綁定

使用placeholder內容居中光標也居中了

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

我在輸入框的樣式中加了text-align:center使palceholder的內容居中,可是點擊輸入框的時候光標也居中了,有讓光標居左的辦法嗎?

正在回答

3 回答

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

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

0 回復 有任何疑惑可以回復我~

你沒弄懂我的意思,我是說讓提示文字居中,點擊后光標居左,提示文字還是居中

0 回復 有任何疑惑可以回復我~

第一種方法：

設定獲得焦點后的樣式；

.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 回復 有任何疑惑可以回復我~
#1

暮女神 提問者

你沒弄懂我的意思,我是說讓提示文字居中,點擊后光標居左,提示文字還是居中
2017-07-03 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

使用placeholder內容居中光標也居中了

我要回答 關注問題
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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