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

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

   **我现在的效果**

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

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

去掉下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>

动态创建控件，可以使用document.createElement创建对象。

下拉框发生改变时就绑定对应的数据,下拉框数据contains(“”本人“”)，就绑定这个数据。
else if
else if
else

下拉框那个把右边的边框圆角去掉，文本框把左边的圆角去掉，不知道你怎么写的css
文本
border-left:solid 1px #CCCCCC;
margin-left:0px;

下拉框
border-right:solid 1px #CCCCCC;
margin-right:0px;