ionic 自定义按钮样式 和背景图片填充父视图

Posted 2020-07-29 心的记忆

在写项目时需要用到只显示文字的按钮  点击显示自己要显示的颜色 

html代码

<a class="button head-color" href="#">注册</a>

css代码

.head-color{
    color: white;
    background-color: transparent;

}
.head-color:hover{
    color: #fe8189;
}
.head-color:link{
    background-color: transparent;
    border: none;
}

效果图

 

背景图片填充父视图

background: url("../img/me/Sign-in_bg.png") no-repeat ;
background-size: 100%;//主要的
height:200px;