JSFiddle

Is there any way to make something like the X on that link with pure css?

在此处输入图像描述

推荐答案

I spent more time on this than I should have, and haven't tested in IE for obvious reasons. That being said, it's pretty much identical.

http://jsfiddle.net/adzFe/14/

a.boxclose{
    float:right;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;       
}

.boxclose:before {
    content: "×";
}

Jquery相关问答推荐

jQuery 时间 Select 器

如何使用 jQuery 的 getJSON() 方法传递请求标头?

如何在jQuery中 Select 具有特定ID的所有元素?

如何使用Angular 检测浏览器后退按钮单击事件?

jQuery获取表单字段值

如何在 Backbone.js - Backbone.sync 或 jQuery.ajax 中保存整个集合?

使用跨域帖子发送凭据?

即使通过Javascript代码判断,如何触发复选框单击事件?

如何获取 onclick 调用对象?

如何使用 jquery 动态更改 iframe 中的内容?

如何签入用户已在 Google recaptcha 中选中复选框的 js?

jQuery闪烁突出显示对div的影响?

订单对象是否由指定的 jQuery Select 器返回?

Url.Action 在我的 url 中放了一个 &,我该如何解决这个问题?

如何使用 JQuery 获取 GET 和 POST 变量?

$.getJSON 在 IE8 中返回缓存数据

使用 jQuery Select 空文本输入

如何删除集中的 contenteditable pre 周围的边框?

JS - 从base64代码中获取图片的宽高

使用 jQuery 将一个标签替换为另一个标签