我试图删除Ionic Framework中活动边框的所有阴影,边框或其他轮廓元素.
到目前为止,我尝试使用以下指标修改.sass文件:
删除边框
$light: rgba(255,255,255,0.0) !default;
$button-positive-bg: $positive !default;
$button-positive-text: $positive-text !default;
$button-positive-border: $light !default;!default;
$button-positive-active-bg: $light !default;!default;
$button-positive-active-border: $light !default;!default;
Run Code Online (Sandbox Code Playgroud)
删除阴影和其他
.button:active{
box-shadow: none !important;
border-color: rgba(0,0,0,0) !important;
outline: none !important;
}
Run Code Online (Sandbox Code Playgroud)
但是,按下按钮时仍然会看到一个小阴影(白色背景上的灰色,彩色背景上的黑色).如何删除所有这些活动元素?我只想要一个简单的按钮.
谢谢.
我遇到了一个奇怪的IE7问题..
我有一些标准的CSS样式按钮,背景图片和坚实的1px蓝色边框.他们按照假设工作,除了IE7 ..
如果我在表单元素(textarea/input-field)中单击它会自动在我的按钮上添加黑色边框.有时它也会在元素处于焦点/活动状态的其他情况下发生.
你可以在这里看到一个简单的例子

问题是我需要按钮上的边框出于样式原因,所以有没有办法在IE7中禁用此行为而不删除原始边框 - 使用CSS还是jQuery?