如何解决Textarea占位符怪异的间隙react.js
我使用一个简单的textarea
元素并添加一个placeholder
,由于某种原因,占位符与侧面之间有一个怪异的间隙。代码在React.js中:
请注意:我的HTML DOM结构的方向是RTL
!
<textarea
className='inputArea'
{...passProps}
/>
具有以下CSS(SASS)样式:
.inputArea
display: block
width: 100%
padding: 1rem
overflow-y: scroll
height: 160px
这是它的样子:(有间隙)
您可以看到菱形和占位符文本之间的空间。但是当我设置dir='ltr'
时,差距消失了:
还需要知道的是,当我设置overflow-y: hidden
时,间隙消失了。
似乎是什么问题?
解决方法
Textarea应该这样写
<textarea className='inputArea' {...passProps} />
您需要删除标签开始和结束之间的空格
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。