输入轮廓CSS

时间:2020-04-08 00:40:59

标签: javascript css

我的矿山设计有一些问题。 我正在尝试从输入中删除大纲,但是没有按预期工作。我正在使用antd,这就是我的代码查找输入的方式:

& .ant-input {
    width:100%;
    height:100%;
    color: rgba(255,255,255, 0.4);
    padding-top:10px;
    border:none;
    font-size: 16px;
    outline: none;
    background-color: transparent;
    border-bottom: 2px solid;
    border-color: rgba(44, 52, 64, 0.1);
    border-radius: 0px;
    transition: 2s border-color;
    outline: none;


    &:focus{
      outline: none;
      background: transparent;
      &::placeholder{
        color: rgba(255,255,255,0.91);
        transition: 2s border-color;
        border-color: rgba(44, 126, 250, 1);
      }
    }
    &:hover {
      background: transparent;
    }

    &:-webkit-autofill,
    &:-webkit-autofill:hover, 
    &:-webkit-autofill:focus {
      border-bottom: 2px solid;
      border-color: rgba(44, 52, 64, 0.4);
      -webkit-text-fill-color: #fff;
      transition: background-color 5000s ease-in-out 0s;
    }

我有现场演示,可以在这里发布吗?

0 个答案:

没有答案