标签: outline

如何在Windows的sublime文本编辑器中获得大纲视图？

小地图很有帮助,但是我错过了一个传统的轮廓(我的代码中所有功能的可刷新列表,按照它们出现的顺序进行快速导航和定位)

也许有一个插件,插件或类似？如果你能简单地说出哪些步骤是必要的,那么它也会很好.

在崇高的文本论坛上有这个问题的重复.

我正在使用jQuery,jqTouch和phonegap编写应用程序,并且遇到了一个持久性问题,当用户使用软键盘上的Go按钮提交表单时会出现该问题.

虽然通过使用很容易使光标移动到适当的表单输入元素$('#input_element_id').focus(),但橙色轮廓突出显示总是返回到表单上的最后一个输入元素.(使用表单提交按钮提交表单时,不会显示突出显示.)

我需要的是找到一种完全禁用橙色突出显示的方法,或者让它移动到与光标相同的输入元素.

到目前为止,我已经尝试将以下内容添加到我的CSS中:

.class_id:focus {
    outline: none;
}

这适用于Chrome,但不适用于模拟器或手机.我也尝试过编辑jqTouch theme.css来阅读:

ul li input[type="text"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
    -webkit-focus-ring-color:  rgba(0, 0, 0, 0);
}

没有效果.我还尝试了以下每个AndroidManifest.xml文件的添加:

android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"

这些都没有任何影响.

更新:我已经做了一些更多的故障排除,迄今为止发现:

1. outline属性仅适用于Chrome,不适用于Android浏览器.

2. 该-webkit-tap-highlight-color酒店实际上可以在Android浏览器上运行,但不在Chrome上.它会在焦点和点击时禁用高亮显示.

3. 该-webkit-focus-ring-color属性似乎不适用于任何一种浏览器.

我期待实现这一目标: http://getbootstrap.com/javascript/#popovers-examples -滚动到"现场演示"和打红酥料饼按钮,在Chrome OS X上....这是完美的美丽

现在去这里(问题小孩):http://yoyo.io/javascript/#popovers -它概括蓝色,aaaargh.

如果你检查一下,你会看到一连串的CSS努力将我删除!它看起来在Safari和Firefox中是正确的,但在Chrome中没有用!

任何人 - 我在俯瞰什么？

提前谢谢了!

当我点击我网站上的链接时,它会围绕链接创建一个大纲

我试过添加:

a.image-link:focus { outline: 0; }

和

a {outline : none;}

但似乎没有什么可以摆脱它.有没有办法删除它？

首先,我甚至不知道这是什么.我试过text-decoration: none,border: none,outline: 0,和似乎没有任何工作？我的CSS文件工作正常,所以不是吗？

这是一张图片:http: //i38.tinypic.com/rbgv3k.jpg

<div id="links">
  <span id="user"><a id="link" href="register.php"><img src="images/user.png"/></a></span>
  <span id="follow"><a id="link" href="https://twitter.com/itsybitsycom"><img src="images/follow.png"/></a></span>
  <span id="about"><a id="link" href="about.html"><img src="images/about.png"/></a></span>
  <span id="stats"><a id="link" href="profile.php"><img src="images/stats.png"/></a></span>
</div>

CSS

#link {
  text-decoration:none;
  border:0;
  outline:none;
}

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

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

<button>this is my button</button>

我知道你可以用CSS3添加一个轮廓边框.

outline: 10px solid red;

现在我想知道如何在该轮廓边框上添加一个半径.

我试过这个,但不起作用:

.radius {
    padding: 20px 60px;
    text-transform: capitalize;

    -moz-outline: 10;
    outline: 10px solid red;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;    
}

我想通过使用react-native来创建圆形视图.

我在这做了什么:

circle: {
    position: 'absolute',
    borderWidth: 10,
    borderColor: '#fff',
    top: 20,
    left: 30,
    width: 150,
    height: 150,
    borderRadius: 150 / 2,
    backgroundColor: '#ED1D27',
  }

并查看

<View style={styles.circle}></View>

结果是:

圈子上有轮廓和轮廓.

我不想要那个大纲.我检查了删除边框半径,它没有如下所示的轮廓:

我不知道这个问题,请帮帮我...

我正在使用Jquery Accordion.活动链接具有轮廓.我试过用css:

#accordion a:focus
 { outline: none; }
#accordion a:active 
{outline: none; font-weight:bold;}

并且

#accordion a:-moz-any-link:focus 
{ outline: none; }

这些似乎都不起作用.任何人都可以建议设置或其他选项删除活动链接周围的虚线轮廓？

我正在阅读关于禁用链接周围的虚线边框的问题<a>.一些 答案使用outline: none,而一些使用outline: 0

使用outline: none和之间有什么区别outline: 0吗？