我想设置半蓝色和橙色border-color的text输入.
我尝试使用渐变但它不起作用.
我的代码问题是什么？
.search {
width: 550px;
height: 50px;
margin-left: 350px;
border-radius: 20px;
outline: none;
margin-top: 70px;
border: solid;
border-image: linear-gradient(to right, rgb(254, 113, 53) 50%, rgb(55, 154, 214) 50%);
font-size: 20px;
text-align: center;
transition: all 0.2s linear;
}
.search:hover,
.search:focus {
border: #4cbea5 solid;
}<div>
<form method="post">
<input type="Search" class="search" placeholder="Search">
</form>
</div>