如何在dijitTextbox中对齐文本？

Question

我需要将键入的文本垂直对齐左边的填充（以及占位符文本）

见下图：

这是我的一部分xPage代码：

<xe:djTextBox id="djTextBoxSearch"
    style="width:100%;height:60px;">
    <xe:this.dojoAttributes>
        <xp:dojoAttribute name="placeholder" value="Please enter a name to search...">
        </xp:dojoAttribute>
    </xe:this.dojoAttributes>
</xe:djTextBox> 

Answer 1

默认情况下，垂直对齐居中。您可以编辑左/右边距。如果您还想编辑垂直位置，可以使用注释代码。

input[type='text']{
  height : 100px;
  width : 200px;
  padding : 0 0 0 30px; 
  /* padding : 20px 0 0 0; //to change the vertical positon */
  text-align : left;
 }

<input type="text" placeholder="Enter text">