zent/css/search-input.css

一套前端设计语言和基于React的实现

.zent-search-input {
  position: relative;
}

  .zent-search-input .zenticon {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  .zent-search-input .zenticon-search {
      font-size: 12px;
      left: 10px;
    }

  .zent-search-input .zenticon-close-circle {
      font-size: 12px;
      right: 10px;
      cursor: pointer;
      padding: 4px 0;
      opacity: 0.4
    }

  .zent-search-input .zenticon-close-circle:hover {
  opacity: 0.5;
}

  .zent-search-input .zent-input-wrapper input {
    padding: 0 27px;
  }