CSS:如何在悬停时为OSX底座缩放提供可点击的文本?

时间:2018-02-19 16:11:24

标签: css angularjs twitter-bootstrap

我有一个angularJS应用程序,我正在创建一个表格,该表格将显示挑选日期的一些数据。

我在桌子上面有一个div,列出了一周中的7天:

<div class="DaySelectionRow">
        <div id="test3"><span class="pointer">Monday</span></div>
        <div id="test3"><span class="pointer">Tuesday</span></div>
        <div id="test3"><span class="pointer">Wednesday</span></div>
        <div id="test3"><span class="pointer">Thursday</span></div>
        <div id="test3"><span class="pointer">Friday</span></div>
        <div id="test3"><span class="pointer">Saturday</span></div>
        <div id="test3"><span class="pointer">Sunday</span></div>   
    </div>

.DaySelectionRow {
display: flex;
width: 100%;
align-items: center;
justify-content: center;

}

并根据您点击的日期,表格将切换视图以显示当天的数据。

我想首先知道是否有办法用CSS制作类似OSX停靠图标的东西,所以当我将其悬停在其中一个包含日期的div上时,div会变大,如果我点击它,它保持更大,以表明它是活跃的一天。

如果这是不可能的,或接近它的东西,比如缩放并在活动时保持缩放,那么用css显示活动项目的最佳方法是什么?

我尝试使用ui-sref-active="active" 正如我在应用程序的主菜单中所做的那样,但由于在这种情况下我没有改变状态,所以它不起作用,并且选定的日期不会保持突出显示。

我也试过把我的日子包在里面而不是,然后用

a:hover, div#test3 active a {
color: #f4ba51;

}

但它只在悬停时保持活动状态,而不是点击(我需要一些图形来显示当前选择的内容,所以除了悬停时突出显示我需要在活动时保持突出显示,但我不知道如何定义& #34;活跃&#34;声明它不是链接而不是状态,但它将是一个ng-show / ng-click,根据你点击的内容显示一个表格。

我也使用bootstrap,如果有可能帮助我的东西,我也不知道。

谢谢

1 个答案:

答案 0 :(得分:0)

也许你可以这样做:

    Dim filename As String = "C:\2\1.txt"
    Dim line As String
    Dim encoding As System.Text.Encoding = System.Text.Encoding.GetEncoding(932)
    line = My.Computer.FileSystem.ReadAllText("C:\2\1.txt", encoding)
        File.WriteAllText(filename, line.Replace("へ。", "C"), encoding)
        File.WriteAllText(filename, line.Replace("ら", "i"), encoding)
        File.WriteAllText(filename, line.Replace("だ", "G"), encoding)