antd样式覆盖问题

css用body套一下所有样式

body{
    
    
    .form {
    
    
      margin: 20px;

    .flexRow {
    
    
      display: flex;
      flex-direction: row;
    }
    .inputOther {
    
    
      width: 150px;
      margin-left: 10px;
      margin-right: 10px;
      text-align: center;
      border-top: none;
      border-left: none;
      border-right: none;
    }

    .selectArea{
    
    
      width: 150px;
      text-align: center;
      margin-right: 10px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    :global {
    
    
      .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    
    
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #d9d9d9;
      }
      .ant-select-arrow {
    
    
        display: none;
      }
      .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
        .ant-select-selector {
    
    
        box-shadow: none;
      }
      
      .ant-input:focus,
      .ant-input-focused {
    
    
        border-bottom: 1px solid #d9d9d9;
        box-shadow: none;
      }
      .ant-tree-switcher {
    
    
        display: none;
      }
    }
  }
}

猜你喜欢

转载自blog.csdn.net/sunzhen15896/article/details/114266739