收藏
回答

view和button的点击态hover-class没效果

问题模块 框架类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 view button 工具 6.6.3 1.9.91

写了一个计算器,想添加按钮点击态,大部分按钮是view组件,个别有上标的按钮用了text组件,官方文档里面view和button组件有一个hover-class点击态属性,我按照示例添加了。

//index.wxml
<view class='item dark' hover-class='btn-hover' bindtap='clickButton' data-command='sin'>sin</view>
//index.wxss
.btn-hover {
  background-color: #000;
  color: #fff;
}

但是点击按钮没有效果。

我用传统的css尝试了有效果:

//index.wxss
.item:active {
  background-color: #000;
  color: #fff;
}

我应该没有写错,是不是模拟器的bug?

最后一次编辑于  2018-03-05  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • Yana
    Yana
    2018-04-01

    hover-class的类必须写在class类后面

    2018-04-01
    赞同 2
    回复 7
    • phoenixor
      phoenixor
      2018-08-10

      你看我上面不是写在class后面了吗?

      2018-08-10
      回复
    • linzx89757
      linzx89757
      2018-08-23回复phoenixor

      样式顺序(:link、:visited、:hover、:active)

      你的情况需要这样:

      .item {}

      .dark {}

      .btn-hover {}

      2018-08-23
      回复
    • phoenixor
      phoenixor
      2018-08-23回复linzx89757

      item和dark两个选择器我都有写,没展示出来而已

      2018-08-23
      回复
    • linzx89757
      linzx89757
      2018-08-24回复phoenixor

      我们的意思是,在样式表中的定义顺序

      2018-08-24
      回复
    • phoenixor
      phoenixor
      2018-08-24回复linzx89757

      顺序有影响吗?意思是最后一个写.btn-hover {}吗

      2018-08-24
      回复
    查看更多(2)