input里面的文字怎么让它靠右边显示??

css给它加了text-align和float:right都没有用

阅读 47.7k
9 个回答

text-align: right;
是肯定有效果的,你看看控制台,是不是属性被覆盖了。

text-align: right;
text-align: end;

试试上面两个

补充:

clipboard.png

看到刚才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>

试试这个

<input type="text" style="text-align:right" value="content"/>
<input type="text" style="text-align:right" value=""/>

text-align:right;是可以的,你要考虑权重值,属性是否被覆盖等问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题