怎么修改引用组件的css属性

一、背景

你用了某个开源的组件，但想修改这个开源组件的一个属性
例如，我使用了支付宝的search-bar组件，我想把搜索框的底色改一下
原来底色（是白色的，我想改成背景色-灰色的）

原代码

<view>
  <search-bar
    value="{{value}}"
    focus="{{true}}"
    disabled="{{false}}"
    maxLength="{{20}}"
    showVoice="{{showVoice}}"
    placeholder="搜索"
    onInput="handleInput"
    onClear="handleClear"
    onFocus="handleFocus"
    onBlur="handleBlur"
    onCancel="handleCancel"
    onSubmit="handleSubmit"
    showCancelButton="{{true}}" />
</view>

二、解决办法

尝试过在view标签里面直接加background属性，不行
加background属性再加important 提高优先级，也不行
想修改原来的属性也不行，因为这个组件是开源的组件，需要改源码才可以
最后有人告我改写这个组件的这个属性值 ！！对！在css文件中重写就好了！！方法如下
在css文件中

.am-search {
  background: #f8f8f8;
}

效果