小编R.J*_*.J.的帖子

CSS ::选择webkit浏览器中的列表编号和项目符号的自定义颜色?

我在我的网站上使用CSS ::选择规则使用自定义高亮颜色,但注意到在Webkit浏览器中,选择颜色并不完全适用于所有内容.

这是一个显示我的意思的小提琴,使用编号列表作为示例:http://jsfiddle.net/ufGmP/

如果您在Chrome或Safari中突出显示文字,则子弹周围会显示默认的蓝色突出显示颜色.我已经注意到这个问题在我发现的每个网站上都使用:: selection来覆盖默认颜色; 例如,在http://www.smashingmagazine.com/上,如果突出显示故事的整个标题,则可以看到默认选择颜色.

有人知道解决这个问题吗?任何帮助都会得到很多帮助!

css webkit highlight selection css3

11
推荐指数
1
解决办法
1565
查看次数

CSS二线缩进不起作用

有问题的页面:http://www.rjlacount.com/public/lander/

我可能只是在做一些愚蠢的事情,但我正试图缩进表格中的第二行文字(顶部有"你的帐号:test@test.com"),我似乎无法得到任何东西上班.

我认为解决方案是:

form span {padding-left:1.5em;text-indent:-1.5em;}
Run Code Online (Sandbox Code Playgroud)

但这似乎只是缩进每个部分的第一行.

再看看这个将非常感谢,谢谢!

css

8
推荐指数
1
解决办法
2万
查看次数

平行四边形导航背景与CSS

我正在尝试创建此导航菜单(绿色突出显示是活动页面,灰色是悬停状态):

导航菜单

我可以使用以下CSS制作平行四边形:

ul#nav li a {
    text-decoration:none;
    padding:4px 10px;
    border-radius:3px;
    transform: skew(-10deg);
    -o-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    color:#757575;
}

ul#nav li a:hover {
    background:#f3f1eb;
}

ul#nav li a.current-menu-item {
    color:#fff;
    background:#5d9732;
}

ul#nav li a.current-menu-item:hover {
    background:#5d9732;
}
Run Code Online (Sandbox Code Playgroud)

不幸的是,这会导致文本偏斜,显示为斜体:

导航菜单歪斜

这里是一个显示设置的jsfiddle(虽然偏斜在jsfiddle中不起作用):http://jsfiddle.net/K3bQJ/4/

有没有办法防止文本的歪斜,所以它不显示斜体?我正在加载jQuery但更愿意避免它或者至少有一个可用的CSS回退.

谢谢你的建议!

css background css3 nav

8
推荐指数
1
解决办法
1万
查看次数

单击切换元素,使用jQuery打开和关闭最近的div

我正在制作一个职业页面,该页面将显示工作描述的简短预览以及切换,单击该切换时,将向下滑动以显示发布的更多详细信息.

标记看起来像这样:

<div>
    <div class="career-excerpt">
        <p>Preview text goes here</p>
    </div>
    <div class="career-details">
        <p>Longer explanation / detail text goes here</p>
    </div>
    <p><a class="toggle" href="#">Show Details</a></p>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我用来切换打开详细信息部分的jQuery:

$(".career-details").hide();
$(".toggle").click(function () {
    $(".career-details").toggle("fast",function() {
        $('.toggle').text(
          $(this).is(':visible') ? "Hide Details" : "Show Details"
        );
    });
});
Run Code Online (Sandbox Code Playgroud)

这可以打开详细信息并将文本从"显示详细信息"更改为"隐藏详细信息".但是,每个页面上都会有多个帖子,使用此代码,单击切换一次将导致打开所有描述.

我希望切换到仅在点击的切换的同一父div内打开"职业细节"div.

我试过改变:

$(".career-details").toggle("fast",function() {
Run Code Online (Sandbox Code Playgroud)

至:

$(this).closest(".career-details").toggle("fast",function() {
Run Code Online (Sandbox Code Playgroud)

但在那之后,肘节似乎根本不起作用.任何想法将不胜感激,谢谢!

html jquery toggle closest

0
推荐指数
1
解决办法
7380
查看次数

标签 统计

css ×3

css3 ×2

background ×1

closest ×1

highlight ×1

html ×1

jquery ×1

nav ×1

selection ×1

toggle ×1

webkit ×1