一、背景
你用了某个开源的组件,但想修改这个开源组件的一个属性
例如,我使用了支付宝的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;
}