vue 中 改表单select 的默认样式字体色；

html:<div class="van-field__body">
       <select  v-model="entity.role_id" @change="roleIdSelect" class="van-field__control partner-selc"  :class="{'font-metud':selected}">
         <option value="" class="font-default">选择代理商</option>
       <!-- <option value="2" class="font-black">省级代理商</option>-->
        <option value="4" class="font-black">城市合伙人</option>
        <option value="5" class="font-black">团队合伙人</option>
    </select>
</div>
style:.font-metud{color:#999;}
//data:
entity:{
    wechat_openid:open_id,
    name:'',//合伙人姓名
    mobile:'',//手机
    province_id:"",//省
    city_id:"", //市
    district_id:"",//区
    street:"",
    role_id:"",//等级
    cover:[],
    cardid:'',
    cardid_photo:[],
    vcode:''
},
selected:true,//监听select的样式； 
//methods：
roleIdSelect:function(){
    var that=this;
    if(that.entity.role_id==''){
        that.selected=true
    }else{
        that.selected=false
    }
},