创建css按钮的当前状态
伙计们,我正在尝试在css按钮上创建当前视图状态,但失败了……精灵有两种状态,一种是关闭状态,另一种是结束状态……我想让结束状态也成为正在查看的页面上的当前状态……以下是按钮的css以及html: css: html:创建css按钮的当前状态,css,button,Css,Button,伙计们,我正在尝试在css按钮上创建当前视图状态,但失败了……精灵有两种状态,一种是关闭状态,另一种是结束状态……我想让结束状态也成为正在查看的页面上的当前状态……以下是按钮的css以及html: css: html: 我假设我只是创建一个当前状态(.inbox:current),然后调整定位以匹配over状态,与hover不同,但没有负值,但它不起作用 提前谢谢各位,我不知道你们在问什么,但你们可以随时扩展规则集: .inbox:hover, .current { backgrou
我假设我只是创建一个当前状态(.inbox:current),然后调整定位以匹配over状态,与hover不同,但没有负值,但它不起作用
提前谢谢各位,我不知道你们在问什么,但你们可以随时扩展规则集:
.inbox:hover, .current {
background-position: -88px 0;
}
然后,如果
.inbox
处于悬停状态或具有.current
类,它将以悬停状态出现。您也可以使用:focus
和:active
我不确定您在问什么,但您始终可以扩展规则集:
.inbox:hover, .current {
background-position: -88px 0;
}
然后,如果
.inbox
处于悬停状态或具有.current
类,它将以悬停状态出现。您还可以使用:focus
和:active
您很接近了。你会有一节课<代码>:hover是一个伪类。你不能真的“强迫”它盘旋。但是,您可以添加一个类,例如:
.inbox:hover
, .inbox.current
{
background-position: -88px 0;
}
及
相同的结果,但对较旧浏览器的更多支持很接近了。你会有一节课<代码>:hover是一个伪类。你不能真的“强迫”它盘旋。但是,您可以添加一个类,例如:
.inbox:hover
, .inbox.current
{
background-position: -88px 0;
}
及
相同的结果,但更支持旧浏览器CSS中没有真正的当前状态,您必须使用javascript(jquery)手动设置它,或者在加载页面时设置它。例如,将“类收件箱”和“类当前”作为两个独立的类,并
.current { background-position: -88px 0 !important; }
并检测收件箱中的点击,从所有其他按钮中删除当前按钮,然后将其添加到收件箱。CSS中没有真正的当前状态,您必须使用javascript(jquery)手动设置它,或者在加载页面时设置它。例如,将“类收件箱”和“类当前”作为两个独立的类,并
.current { background-position: -88px 0 !important; }
检测“收件箱”上的点击,从所有其他按钮中删除“当前”,并将其添加到“收件箱”中。你说的“当前视图状态”是什么意思?你说的“当前视图状态”是什么意思
.inbox:hover
, .inbox-current
{
background-position: -88px 0;
}
.current { background-position: -88px 0 !important; }