填充不适用于使用速子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以硬刷新浏览器,以便从开始重新加载。