mui-indicator默认的样式比较丑，也是大众的样式。非active为灰色+阴影，active白色。位置居中。外观是圆形。于是，就想，默认的样式那么难看，可不可以自己定义样式呢。答案是当然是可以的。

可以先去看看mui.css的源码，找到对应的样式，看看原来样式是怎么写的，这样才好修改。于是，根据样式表的优先级原则（就近原则）。也就是内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。所以，可以在嵌入样式表中重写mui-indicator样式。这个有点像子类重写父类方法一样。

.mui-slider-indicator
{
    text-align: right;  /*右对齐*/
    right: 20px;  /*右边20像素*/
}

.mui-slider-indicator .mui-indicator
{
    background: #ffffff;  /*默认背景颜色*/
    width:8px;   /*宽*/
    height:8px;  /*高*/
    border-radius: 50%;  /*弧度50%，这样外观表现是圆。去掉之后，是正方形*/
    -webkit-box-shadow: none; /*去掉阴影*/
    box-shadow:none;  /*去掉阴影*/
}

.mui-slider-indicator .mui-active.mui-indicator
{
    background: #fb7299; /*active状态下背景颜色*/
}