源自：4-1 编程挑战
使用placeholder内容居中光标也居中了
我在输入框的样式中加了text-align:center使palceholder的内容居中,可是点击输入框的时候光标也居中了,有让光标居左的办法吗?
提问者：暮女神
2017-07-02 19:29
个回答
-
- 么我的北海
- 2017-07-04 10:07:16
.test-input{ width:150px; } .test-input::-webkit-input-placeholder { padding-left:30px; }
-
- 暮女神
- 2017-07-03 20:49:24
你没弄懂我的意思,我是说让提示文字居中,点击后光标居左,提示文字还是居中
-
- 么我的北海
- 2017-07-03 17:41:52
第一种方法：
设定获得焦点后的样式；
.test-input{ width:150px; text-align: center; } .test-input:focus{ text-align: left; }
第二种方法：
利用padding 使文字居中；
.test-input{ width:70px; padding: 0 40px; }