我无法在 MS Edge 中的输入文件中居中对齐我的文本

编程问答 2022-05-21

问题描述

在反应中，我试图将我的输入文本居中。使用 center align 属性。 它工作正常，但在 MS 边缘单击它会在字段的开头显示光标，但是当我开始绑定时，它工作正常并使文本位于中心。 在开始时它在开始时显示输入卡特而不是在中心......

任何帮助都会得到帮助。 这些是我申请的课程

.form__input {
  caret-color: blue !important;
  width: 100% !important;
  text-align: center !important;
  Box-sizing: border-Box !important;
  border-radius: 34px !important;
  font-family: Montserrat !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 10px !important;
  line-height: 12px !important;
  color: black !important;
  height: 31px !important;
  outline: none !important;
  position: relative !important;
  z-index: 3 !important;
  text-align: center !important;
}
.form__input:hover {
  /* Box-shadow: 0 0 40px 5px rgba(0,0.1); */
  caret-color: blue !important;
}

.form__input:focus {
  text-align: center !important;
  caret-color: blue !important;
}
.form__input::placeholder {
  caret-color: blue !important;
  text-align: center !important;
  font-family: Montserrat !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 20px !important;
  line-height: 12px !important;
}

这是反应代码

<Form.Control
                    value={this.state.searchValue}
                    
                    className="form__input"
                    placeholder="  Search For A Project"
                    name="searchValue"
                    onChange={this.handleSearch}
                  />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

microsoft-edgereactjsreactjsreactjsreactjstext-align