相关疑难解决方法(0)

我正在开发一个网页,我想要自定义样式的<button>标签.所以用CSS,我说:border: none.现在它在safari中完美运行,但在chrome中,当我点击其中一个按钮时,它会在它周围放置一个恼人的蓝色边框.我想button:active { outline: none }或者button:focus { outline:none }会工作,但两者都没有.有任何想法吗？

这是它在被点击之前的样子(以及我希望它在被点击之后仍然看起来如何):

这就是我所说的边界:

这是我的CSS:

button.launch {
    background-color: #F9A300;
    border: none;
    height: 40px;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

button.launch:hover {
    cursor: pointer;
    background-color: #FABD44;
}

button.change {
    background-color: #F88F00;
    border: none;
    height: 40px;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

button.change:hover {
    cursor: pointer;
    background-color: #F89900;
}

button:active { …

我正在构建一个包含一些文本元素的HTML UI,例如选项卡名称,这些元素在选中时看起来很糟糕.不幸的是,用户很容易双击选项卡名称,默认情况下会在许多浏览器中选择它.

我或许可以通过JavaScript技巧来解决这个问题(我也希望看到这些答案) - 但我真的希望CSS/HTML中的某些东西直接适用于所有浏览器.

有没有办法让网络开发人员关闭Chrome/Safari/WebKit对特定input或textarea元素的拼写检查？我指的是特殊标签属性或专有CSS指令.

有一个CSS指令用于关闭inputs的概述,所以我认为也可能存在.我知道用户如何做到这一点.

或者,作为用户,我可以为某个特定域禁用它吗？

我发现如果a页面中没有链接到新页面的链接,那么当用户点击它时,元素周围会有一条虚线,只有当用户点击页面中的其他内容时,它才会消失,如何删除这个？

例:

注意元素周围的虚线Section 2.

从版本23开始,Firefox原生支持该<input type="range">元素,但我无法弄清楚如何删除虚线轮廓.以下CSS无效:

input[type='range'], 
input[type='range']:focus, 
input[type='range']:active, 
input[type='range']::-moz-focus-inner, 
input[type='range']:-moz-focusring {
    border: 0;
    outline: none;
}

有谁知道如何在Firefox中解决这个问题？

示例:http://jsfiddle.net/pF37g/

如何从提交按钮中删除焦点？我不知道为什么它在第一个盘子里,它看起来真的很难看这里是一个截图:

alt text http://i44.tinypic.com/xg0i93.png

这就是它应该是什么样子,它在我点击它旁边并将其悬停后重新获得它的外观.替代文字http://i43.tinypic.com/11ug2o1.png

我的网站上有一个样式按钮.但是当我点击它时,它会创建一个不需要的边框或轮廓(我不知道哪个).我该如何删除该边框？以下是与按钮相关的所有代码.

button {
    border: hidden;
    cursor: pointer;
    outline: none;
}

<button>this is my button</button>

从下拉菜单中选择项目时,如何删除显示的虚线边框/轮廓？

你可以看到有一个虚线边框/轮廓显示,我想删除它(在Firefox中截图).

尝试下面的解决方案并没有删除它:

select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
    outline: none;
    border: none;
}

HTML只是这样:

<select name="order">
   <option value="desc">Newest to oldest</option>
   <option value="asc">Oldest to newest</option>
</select>

这个点击指示器对于我最近的网络项目来说是一件令人恶心的事情.我讨厌这个! - 我怎么能对我的Firefox浏览器说他不应该标记被点击的对象？

button::-moz-focus-inner { border: 0; } 适用于按钮......

什么关于select/ optionhtml标记？

我尝试了这里的一切: 如何删除Firefox在按钮上的虚线轮廓以及链接？

但我打开新的问题,因为有关于按钮的讨论......