Question

我的类型=“搜索”未启用“X”选项来清除Chrome中的输入！任何解决方案？

<div layout="row  text-left" style="float:left; width:100%;">
      <md-input-container flex-offset="15" flex="70">
         <label>Pesquisar...</label> 
           <input type="search" ng-model="$ctrl.pesquisa" ng-disabled="'@ViewBag.EditaConteudo'">
      </md-input-container>
  </div>

Answer 1

根据特异性规则，您应该能够通过以下方式克服这个问题：

<input type="search" class="my-search" ng-model="$ctrl.pesquisa" ng-disabled="'@ViewBag.EditaConteudo'">

伴随以下CSS

input[type="search"].my-search {
  -webkit-appearance: searchfield;
}

input[type="search"].my-search::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

但是，正如其他人所指出的那样，这最初是您使用的css框架而不是Chrome的问题。

输入类型=“搜索” - 在Chrome中无法启用

1 个答案: