收藏
回答

如何点击text框改变背景边框字体颜色?

<text class="gui" bindtap="show" style="color:{{}}">这是一段改变背景字体边框颜色</text>


.gui{
  font-size: 12px;
  /* border: 1px solid #6a6fc6; */
  padding: 3px 20px 3px 20px;
  border-radius: 25px;
  position: relative;
  top: 15px;
  background-color: #efefef;
  color: #cdcdcd;
}
回答关注问题邀请回答
收藏

4 个回答

  • 青馆.
    青馆.
    03-30

    自己已经写好了

          <view class="div {{state==index?'active':'gui'}}" bindtap="select" data-key='{{index}}'>
              <text bindtap="jine2">{{item.gui}}</text>
          </view>
    


        gmy:[{
          guig:'规格',
          gui:'9粒*2板'
        },{
          gui: '一小时一粒'
        },{
          gui: '精神倍儿棒'
        }],
    
      select:function(e){
        this.setData({
          state: e.currentTarget.dataset.key
        })
        console.log(e.currentTarget.dataset.key)
      },
    



    .div{
      font-size: 12px;
      padding: 3px 20px 3px 20px;
      border-radius: 25px;
      position: relative;
      top: 15px;
      background-color: #eef1ff;
      color: #6d88e6;
      border: 1px solid #7080bb;
    }
    .gui{
      border: 1px solid #cdcdcd;
      font-size: 12px;
      padding: 3px 20px 3px 20px;
      border-radius: 25px;
      position: relative;
      top: 15px;
      background-color: #efefef;
      color: #cdcdcd;
    }
    
    03-30
    有用 1
    回复
  • 一骑白马开吴疆™
    一骑白马开吴疆™
    06-13

    推荐个颜色选择器组件mini-color-picker,

    

    06-13
    有用
    回复
  • 平头
    平头
    03-30

    两个不同的类名,包含不同的样式,然后点击切换类名,即class的变量名,应该就能达到效果了

    03-30
    有用
    回复 1
    • 青馆.
      青馆.
      03-30
      操作不来。。。
      03-30
      回复
  • 祺爸💎
    祺爸💎
    03-30

    请问什么是“背景边框字体颜色”

    --↓↓👍点赞是回答的动力哦

    03-30
    有用
    回复 1
    • 青馆.
      青馆.
      03-30
      稍等一下,#eef1ff   字体背景边框都是要整个颜色的
      03-30
      回复
登录 后发表内容
问题标签