小编Eri*_*gns的帖子

我有一个使用CSS3创建的HTML标记.我想'突出'一个特定的标签.理想情况下,我希望标签周围有一个发光,表明它是活动的.我正在使用':after'来创建标签的形状,但这不允许我突出显示实际形状.

这是一个小提琴:http: //jsfiddle.net/nocztpxv/2/

HTML

<a href="#" class="tag">
    InsertHTML
</a>

CSS

.active{
    border: 1px solid rgb(246, 255, 0);    
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(255, 252, 14, 0.6);
}

正如您所看到的,除了箭头/三角形部分之外,所有内容都围绕着所有内容.有谁知道我怎么能在箭头/三角形周围有相同的突出显示外观？

我有一个 html 表，当用户单击表行时，会选中该行的复选框，并会出现一些其他功能。当用户单击选择或输入时，我想停止传播，以便复选框不会更改。我已经演示了我在这个 JSFiddle 中寻找的功能：

http://jsfiddle.net/ehf7pc3f/6/

在我的开发网站上，当用户单击选择时，复选框会更改（按预期），但如果用户单击输入，复选框不会更改。我有这段代码来阻止复选框更改：

$("select").click(function (e) {
    e.stopPropagation();
});

$("input").click(function (e) {
    e.stopPropagation();
});

有谁知道为什么选择点击起作用，但输入点击不起作用？

更新*

JSFiddle：http://jsfiddle.net/ehf7pc3f/8/

我添加了一个新的 JSFiddle，它在单击输入时触发警报，在单击行时触发警报。在小提琴中，如果我单击输入，则只会触发输入警报。如果我在我的开发站点上进行相同的测试，则只会触发行警报。

这是我的开发网站上的实际代码：

<table class="full-width row-table" style="table-layout:fixed;">
    <tr style="background:none;" class="no-hover row">
        <td class="no-padding" style="width:16px;"><input class="check-box" style="margin:2px 0px;" type="checkbox" /></td>
        <td class="no-padding" style="width:6px;"><span class="arrow2" style="margin:6px 0px 0px 0px;"></span></td>
        <td style="width:94px;">
            <span class="contact-label">Owner <br /> </span>
            <select class="contact-drop-down hidden">
                <option value="Owner">Owner</option>
                <option value="Applicant">Applicant</option>
                <option value="Contractor">Contractor</option>
            </select>
        </td>
        <td style="width:95px;">
            <p class="title-label">Owner</p>
        </td>
        <td style="width:119px;">
            <p class="name-label">Michael Douglas</p>
        </td>
    </tr>
</table>

我的页面上有一个表格，无法在 Firefox 中应用圆角。我已经在 IE、Chrome 和 Safari 上进行了测试，它在这些浏览器上运行良好。

超文本标记语言

<table class="login-table">
    <tr id="header">
        <td id="logo">

        </td>
    </tr>
</table>

CSS

#logo {
    height:85px;
    width:170px;
    border-top-right-radius:14px;
    border-top-left-radius:14px;
}

我尝试添加-moz-border-radius-topleft:14px和，但-moz-border-radius-topright:14px它#logo并没有改变我的输出。

这是一个显示我的问题的示例。