acud/lib/search/style/index.css

acg react 组件库

/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
::-webkit-search-cancel-button {
  display: none;
}
.acud-input-search-multiple .acud-input {
  padding-left: 0;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) {
  width: 88px;
  height: 30px;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector {
  color: #151B26;
  background-color: #F7F7F9;
  border: none;
  border-radius: 0;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:hover {
  color: #151B26;
  background-color: #F2F2F4;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector:active {
  color: #151B26;
  background-color: #F2F2F4;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-item {
  color: #151B26;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input) .acud-select-arrow {
  color: #5C5F66;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector,
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:hover,
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector:active {
  color: #B8BABF;
  background-color: #F2F2F4;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-selector .acud-select-selection-item {
  color: #B8BABF;
}
.acud-input-search-multiple .acud-input-addon .acud-select:not(.acud-select-customize-input).acud-select-disabled .acud-select-arrow {
  color: #B8BABF;
}
.acud-input-search {
  display: flex;
}
.acud-input-search-icon.acudicon {
  color: #151B26;
  cursor: pointer;
}
.acud-input-search-icon.acudicon:hover {
  color: #2468F2;
}
.acud-input-search-icon.acudicon:focus,
.acud-input-search-icon.acudicon:active {
  color: #144BCC;
}
.acud-input-search-icon.acudicon[disabled],
.acud-input-search-icon.acudicon[aria-disabled="true"],
.acud-input-search-icon.acudicon[disabled]:hover,
.acud-input-search-icon.acudicon[aria-disabled="true"]:hover,
.acud-input-search-icon.acudicon[disabled]:focus,
.acud-input-search-icon.acudicon[aria-disabled="true"]:focus,
.acud-input-search-icon.acudicon[disabled]:active,
.acud-input-search-icon.acudicon[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-search-loading-icon.acudicon {
  color: #2468F2;
}
.acud-input-search-enter-button .acud-input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.acud-input-search-enter-button .acud-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #2468F2;
  border-color: #2468F2;
}
.acud-input-search-enter-button .acud-btn:hover {
  color: #FFFFFF;
}
.acud-input-search-enter-button .acud-btn:focus,
.acud-input-search-enter-button .acud-btn:active {
  color: #FFFFFF;
}
.acud-input-search-enter-button .acud-btn[disabled],
.acud-input-search-enter-button .acud-btn[aria-disabled="true"],
.acud-input-search-enter-button .acud-btn[disabled]:hover,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:hover,
.acud-input-search-enter-button .acud-btn[disabled]:focus,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:focus,
.acud-input-search-enter-button .acud-btn[disabled]:active,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-search-enter-button .acud-btn:hover {
  background-color: #528EFF;
}
.acud-input-search-enter-button .acud-btn:focus,
.acud-input-search-enter-button .acud-btn:active {
  background-color: #144BCC;
}
.acud-input-search-enter-button .acud-btn[disabled],
.acud-input-search-enter-button .acud-btn[aria-disabled="true"],
.acud-input-search-enter-button .acud-btn[disabled]:hover,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:hover,
.acud-input-search-enter-button .acud-btn[disabled]:focus,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:focus,
.acud-input-search-enter-button .acud-btn[disabled]:active,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:active {
  background-color: #F2F2F4;
}
.acud-input-search-enter-button .acud-btn:hover {
  border-color: #528EFF;
}
.acud-input-search-enter-button .acud-btn:focus,
.acud-input-search-enter-button .acud-btn:active {
  border-color: #144BCC;
}
.acud-input-search-enter-button .acud-btn[disabled],
.acud-input-search-enter-button .acud-btn[aria-disabled="true"],
.acud-input-search-enter-button .acud-btn[disabled]:hover,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:hover,
.acud-input-search-enter-button .acud-btn[disabled]:focus,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:focus,
.acud-input-search-enter-button .acud-btn[disabled]:active,
.acud-input-search-enter-button .acud-btn[aria-disabled="true"]:active {
  border-color: #E8E9EB;
}
.acud-input-search-enter-button .acud-btn:hover {
  box-shadow: none;
}
.acud-input-search-enter-button .acud-btn[disabled] {
  border: none;
  box-shadow: none;
}
.acud-input-search-enter-button .acud-btn[disabled]:hover {
  border: none;
  box-shadow: none;
}
.acud-input-search-enter-button .acud-btn .acudicon {
  height: 16px;
}
.acud-input-search-enter-button-disabled {
  border: solid 1px #E8E9EB;
  border-radius: 4px;
}
.acud-input-search-enter-button-disabled .acud-input {
  border: none;
}
.acud-input-search .acud-input-suffix {
  font-size: 16px;
}