javascript - 输入类型=文本格式问题 Bootstrap React Javascript

Question

格式问题

我正在使用 type=text 和 type=email 的验证器。我不确定为什么电子邮件字段显示输入下划线但文本类型却没有。想法？

<form noValidate onSubmit={this.onSubmit}>
          <div className="input-field col s12">
            <input
              onChange={this.onChange}
              value={this.state.name}
              error={errors.name}
              id="name"
              type="text"
              className={classnames("", {
                invalid: errors.name
              })}
            />
            <label htmlFor="name">Name</label>
            <span className="red-text">{errors.name}</span>
          </div>
          <div className="input-field col s12">
            <input
              onChange={this.onChange}
              value={this.state.email}
              error={errors.email}
              id="email"
              type="email"
              className={classnames("", {
                invalid: errors.email
              })}
            />
            <label htmlFor="email">Email</label>
            <span className="red-text">{errors.email}</span>
          </div>

标签： javascriptreactjsreact-bootstrap

Answer 1

@domenikk 感谢您的互动。又看了看发现了这个：input[type=text]:not(.browser-default){ border-bottom:none; margin:0; }