如何从textarea的顶部边框开始为页边空白

Question

是否有一种方法可以从textarea框的顶部边框对文本进行边距处理？ 我已经使用了文本缩进，但是它只在文本和textarea框的左边框之间留出空间，这很好，但是我也希望文本和textarea框的顶部边框之间有相同的空间。 这是我的html：

<textarea class="input-text" name="instructions" id="instructions"></textarea>

css：

.input-text{
    width: 20%;
    height: 44px;
    text-indent: 16px;
    border-radius: 2px;
    font-size: 16px;
    border: 2px lightgray solid;
    resize: none;
    color: lightgray;
}

由于我是新手，所以非常感谢您的帮助。

Answer 1

您应该可以使用public class RycyclerviewAdapter extends RecyclerView.Adapter<RycyclerviewAdapter.MyViewHolder> { private Context context; private List<String> list; public RycyclerviewAdapter(Context context, List<String> list){ this.list =list; this.context=context; } @NonNull @Override public MyViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) { View view=LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recycleview_dayview,viewGroup,false); return new MyViewHolder(view); } @Override public void onBindViewHolder(@NonNull MyViewHolder myViewHolder,int i) { } @Override public int getItemCount() { return list.size(); } class MyViewHolder extends RecyclerView.ViewHolder { TextView emptyTextView; public MyViewHolder(View itemView) { super(itemView); emptyTextView=(TextView) itemView.findViewById(R.id.textViewXXX); } } } 和padding来执行此操作，以停止填充以增加实际的框大小：

box-sizing

.input-text{
    width: 20%;
    height: 44px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    border: 2px lightgray solid;
    resize: none;
    color: lightgray;
}

Answer 2

.input-text{
    width: 20%;
    height: 44px;
    text-indent: 16px;
    border-radius: 2px;
    font-size: 16px;
    border: 2px lightgray solid;
    resize: none;
    color: lightgray;
    padding-left: 20px;
    padding-top: 25px;
}

<textarea class="input-text" name="instructions" id="instructions"></textarea>

尝试一下

textarea {
    padding: 50px;
}

<textarea rows="5"  placeholder="Your Text here"></textarea>

Answer 3

请参见CSS specification：

margin是边框和下一个元素之间的空间。

要在边框和文本内容之间留出空间，您需要padding

.input-text{
    width: 20%;
    height: 44px;
    padding: 16px;
    border-radius: 2px;
    font-size: 16px;
    border: 2px lightgray solid;
    resize: none;
    color: lightgray;
}

<textarea class="input-text" name="instructions" id="instructions">The quick brown fox jumps over the lazy dog</textarea>