下拉列表和文本框怎么做到这个效果

Question

下拉列表和文本框怎么结合起来，怎么把中间的缝隙给去掉，吧圆角变成方形的。

   **我现在的效果**

   **怎么做成这个效果**

本人后台java开发一个，做前端竟然卡克..
无奈啊

Answer 1

去掉下select的右上/下角的radius，input左上、下的radius，input或者select其中一个去掉右边的border或者左边border就行，代码如下，有帮助麻烦点个采纳【本回答右上角】，谢谢~~有其他问题可以继续交流~

<style>
    div.item{margin-top:15px}
    div.item select,div.item input{border:solid 1px #999;border-radius:3px;height:35px}
    div.item select{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
    div.item input{border-top-left-radius:0;border-bottom-left-radius:0;}
</style>
<div class="item">
    <select><option>本人</option></select><input type="text" />
</div>
<div class="item">
    <select><option>本人</option></select><input type="text" />
</div>