填充不适用于使用速子css的输入
我的布局如下:填充不适用于使用速子css的输入,css,reactjs,tachyons-css,Css,Reactjs,Tachyons Css,我的布局如下: <article class='pb5 bg-near-white'> <header class='tc ph4-ns pt4 pt5-ns'> <h1 class='tc blue'>Let's get started posting your question</h1> </header> <div cla
<article class='pb5 bg-near-white'>
<header class='tc ph4-ns pt4 pt5-ns'>
<h1 class='tc blue'>Let's get started posting your question</h1>
</header>
<div class=''>
<div class='pa4 bg-white measure db center f5 f4-ns lh-copy'>
<form class='center mt3 mb4 justify-around'>
<fieldset class='ba b--transparent'>
<div class='mt4'>
<label class='db mb2 b'>Title</label>
<input
class='noresize ph3 pv3 input-reset ba b--black-10 w-100'
placeholder='title'
onChange={handleTitleChange}
></input>
</div>
<div class='mv4'>
<label class='db mb2 b'>Content</label>
<textarea
class='noresize ph3 pv3 input-reset ba b--black-10 w-100'
placeholder='Content Here!'
cols='50'
rows='5'
onChange={handleBodyChange}
></textarea>
</div>
<a
class='tc f6 fw6 b link dim br2 ph3 pv3 mb2 dib white bg-blue w-100'
onClick={handlePostQuestion}
>
Submit
</a>
</fieldset>
</form>
</div>
</div>
</article>
填充似乎不适用于标题输入
字段,但它确实适用于文本区域
字段。当我将input
标记更改为textarea
标记时,将应用填充,但问题是这似乎是一个临时修复。我做错了什么吗?在输入元素上,添加类边框框
或设置type=“text”
将使其按预期运行
原因是,超光速子并没有给出所有输入元素的“边框框”大小;更详细地解释。也可以在中看到。尝试添加!对于输入文本填充的css很重要,请按Ctrl+R以硬刷新浏览器,以便从开始重新加载。