如何从输入类型颜色中删除线条

Question

我有一个输入类型颜色。http://[domain.org]/blog/2016/december/test-2-entry

问题是输入类型中的行。我的代码看起来像这样

.input-field-color{
  background-color : #000033 !important;
  color : #000033 !important;
  max-width: 90px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-shadow: none;
  outline-style:none;
  border-color:transparent;
  border:0;
  outline:none;
}

在页面上。

<input type="color" name="chooseColor" id="chooseColor" class="form-control input-field-color" [(ngModel)]="chooseColor" #chooseColor="ngModel" required maxlength="15">

Answer 1

删除您需要在css代码后使用的行

input::-webkit-color-swatch { border: none; }