背景色叠加怎么处理？

<view class=‘header-range’>

 <input class=‘rectangle’ name=“accords” value=“{{accords}}” placeholder=“请输入姓名” />

</view>

设置view样式：

background-color: rgb(0, 0, 255);

设置input样式：

background-color: rgb(255, 255, 255);

但结果是：input的背景色是白色和蓝色的叠加。怎么会这样呢？我希望input的背景色保持白色 。。。。