mui-table-view-cell 点击时的样式修改

最新推荐文章于 2022-03-17 22:32:56 发布

原创最新推荐文章于 2022-03-17 22:32:56 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

MUI 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何修改MUI框架中TableViewCell点击时的样式，包括背景颜色等属性的设置。

mui-table-view-cell 点击时的样式修改

.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active{
    /*border: 0;*/
   background-color: #404040;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

付楚

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

bootstrapTable和mui中表格的使用

胡泽宽-廊坊师范学院信息技术提高班-十三期

09-17

6609

先看一看bootstrapTable的表格显示效果。来看一下代码！ oTableInit.Initname = function () { var gradeid = document.getElementById("TypeName").value; var txtname

Web App 开发----列表

m0_58760840的博客

04-04

590

1.列表列表是常用的UI控件，mui封装的列表组件比较简单，只需要在ul节点上添加.mui-table-view类、在li节点上添加.mui-table-view-cell类。点击列表，对应列表项显示灰色高亮，若想自定义高亮颜色，只需要重写.mui-table-view-cell.mui-active 若右侧需要增加导航箭头，变成导航链接，则只需在li节点下增加a子节点，并为该a节点增加.mui-navigate-right类 <!doctype html> <html&gt

2 条评论您还未登录，请先登录后发表或查看评论

2 条评论

月海海 2019.08.26
多谢~
- 付楚回复月海海 2019.10.11
  [reply]qq_18241431[/reply] 客气

mui框架点击mui-table-view-cell时去除背景高亮

weixin_30569033的博客

08-27

474

当我们在使用mui框架时，用到列表li --> .mui-table-view-cell类时会自带一个点击高亮背景色变灰的效果；做项目页面时可能会使样式错乱，所以需要加如下代码时点击背景变白即可。.mui-table-view-cell > a:not(.mui-btn).mui-active { background-color: #fff;} 转载于:https://www....

mui实现表格

热门推荐

u013720726的博客

09-04

2万+

mui的css文档中没有向bootstrap中类似的写好的样式供调用，但是用table显示表格本身就不难看，再写一些CSS类完全可以放到网页中，下面提供代码：<head> <style> .table { border: 1px solid #cad9ea; color: #666; }

mui mui-table-view mui-table-view-cell 随笔

戮筱沫博客

08-05

6926

mui-table-view mui-table-view-cell 设置选中状态： var items = document.getElementById("items"); mui(".mui-table-view").on('tap', '.mui-table-view-cell', function(e) { var lastActiveItem = items.querySele...

关于MUI的一些样式修改

Mr-k的博客

09-06

5875

1.MUI 中 Ul li 标签中如何修改单机颜色 .mui-table-view-cell.mui-active{ background-color:#F0AD4E;//改成自己想用的颜色就好 }

mui-table-view-cell

07-27

引用\[1\]和\[2\]中提到了mui-table-view-cell。mui-table-view-cell是MUI框架中的一个控件，用于创建列表项。在引用\[1\]中，mui-table-view-cell被用于创建一个无内容的列表项。而在引用\[2\]中，mui-table-view-...

mui(".mui-table-view").on('tap','.mui-table-view-cell',function(e)

07-17

这段代码使用了mui框架的选择器函数`mui()`来选取`.mui-table-view`元素下的所有`.mui-...当用户点击被选中的`.mui-table-view-cell`元素时，会触发这个事件处理函数并传入一个事件对象`e`作为参数。你还有其他问题吗？

<ul class="mui-table-view" style="background-color;"> <li class="mui-table-view-cell" style="background-color:#efeff4;"> <a class="mui-navigate-right"> UPS </a> </li> <li class="mui-table-view-cell"style="background-color:#efeff4;"> <a class="mui-navigate-right"> TNT物流 </a> </li> <li class="mui-table-view-cell"style="background-color:#efeff4;"> <a class="mui-navigate-right"> QCC </a> </li> </ul> 现在我有这么一段代码，我要给他做个Z-A排序，我该怎么做

最新发布

12-22

<li class="mui-table-view-cell"><a class="mui-navigate-right">TNT物流</a></li> <li class="mui-table-view-cell"><a class="mui-navigate-right"> QCC</a></li> const list = document.getElementById('...

HBuilder-MUI-开发文档.pdf

03-03

在HTML代码示例中，可以看到`<ul class="mui-table-view">`包含多个`<li class="mui-table-view-cell mui-collapse">`元素，每个`<li>`代表一个可折叠的列表项。`<a class="mui-navigate-right">`用于点击触发展开和...

Hbuilder MUI 页面刷新及页面传值问题

02-05

Hbuilder MUI 页面刷新及页面传值问题

tableview系统cell的4种样式

lee727n的博客

05-20

2088

还是老方法，直接创建tableviewController，省去一些代理的设置，直接讲解内容不明白省略那些参考上一篇微博： http://blog.youkuaiyun.com/lee727n/article/details/72582906- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 1; }

MUI TableViewCell 上按钮点击Cell同时触发解决

星宇大前端

01-23

2346

在MUI上，我们使用MUI事件监听的方式如下代码： mui("#logisticsUl").on('tap','.mui-table-view-cell',function(event){ console.log(event); }) 很多时候我们需要在Cell上添加按钮或者其他可点击的元素如图：这时候我们需要继续这种监听： mui("#log

tableView cell的几种样式样式右侧带图片

Scarlett的博客

05-06

3170

mui简单的表单案例

weixin_45787600的博客

03-17

1805

效果图： html： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>mui表单</ti.

mui点击列表时，列表不会因为点击而变化颜色

yigexiaobug的博客

07-09

1995

本来是这样写 <li class="mui-table-view-cell mui-media mui-collapse ">加入mui-collapse-content <li class="mui-table-view-cell mui-media mui-collapse mui-collapse-content"> ...

MUI .mui-table-view-cell事件绑定

Lucy_csdn的博客

05-04

6451

最近使用MUI进行开发，遇到了一些坑。这里分享处理方法，希望能帮小伙伴们解决遇到类似的问题。需求： 1.点击立即使用跳转至优惠券对应的产品列表。 2.点击更多查看适用的产品名称。这里我使用的是MUI封装好的控件：<ul class="mui-table-view"><li>mui-table...

MUI框架按钮点击时样式没变化

流都的博客

05-16

2847

还是前任项目遗留的问题，♦ 尝试1：直接给:active伪类加！important提升权重，如下（来自mui社区的解决方法）：无效// 如果是按钮被点击的时候则用下面的方法写加入！imort 设置强制优先级 .mui-btn-primary:active { color: #fff; border: 1px solid #fff; background-color: #000!importa...