.@{timepicker-prefix-cls} { &-input { margin: 0; padding: 0; border: 0; width: 100%; cursor: auto; line-height: 1.5; outline: 0; &-wrap { box-sizing: border-box; position: relative; padding: 6px; border-bottom: 1px solid #e9e9e9; } &-invalid { border-color: red; } } &-clear-btn { position: absolute; right: 5px; cursor: pointer; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 5px; margin: 0; } &-clear-btn:after { content: "\e631"; font-family: "anticon"; font-size: 12px; color: #ccc; display: inline-block; line-height: 1; width: 20px; transition: color 0.3s ease; } &-clear-btn:hover:after { color: #999; } } .narrow .@{timepicker-prefix-cls}-input-wrap { max-width: 111px; }