css给它加了text-align和float:right都没有用
text-align: right;
text-align: end;
试试上面两个
补充:
看到刚才lz的图,我发现是input type=date
的问题,由于这个是浏览器自定的样式,而且是input内的,我觉得能修改的可能性不大。
因为右边还有默认的选择按钮。
首先确保你写的css被页面加载或者成功对应到当前的input.代码不起作用很有可能是这两点没达到。或者你可能用了别的框架,或者别的部分的代码覆盖了你的css。你可以试着直接在标签上加上style属性。这个优先最高。如果这个起作用了,说明可能出现了前面说的几个问题。
<input style="text-align:right;" />
其次,你让文字靠右的话,text-align就可以了。float:right。就没必要了。这个会让整个input在父元素上靠右,可能并不是你想要的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
input::-webkit-input-placeholder {
/* placeholder颜色 */
color: #aab2bd;
/* placeholder字体大小 */
font-size: 12px;
/* placeholder位置 */
text-align: right;
}
input {
border: 1px solid red;
}
</style>
</head>
<body>
<input type="text" placeholder="请输入手机号">
</body>
</html>
试试这个
3 回答4.9k 阅读✓ 已解决
5 回答2k 阅读
2 回答1.9k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
3 回答2.5k 阅读
3 回答2.1k 阅读
2 回答1k 阅读✓ 已解决
text-align: right;
是肯定有效果的,你看看控制台,是不是属性被覆盖了。