angularjs - 如何从 Ionic CSS 中排除 HTML 元素

标签 angularjs html css ionic-framework

我有一个特殊的圆形按钮,带有他的 CSS,但是当我使用它时,我的 CSS 爆炸了,因为有 Ionic CSS“标准”规则。 我的 .button 类被 Ionic 的 .button CSS 类破坏了。

我已经尝试将名称更改为我的 .button 类,但没有成功。获取我的按钮的唯一方法是不导入 Ionic.css 文件,但当然,我需要它用于其他元素,

我的按钮嵌套在其他元素中,为此我需要 Ionic CSS

所以,我需要知道是否可以在不编辑 Ionic.css 文件的情况下从 Ionic CSS 规则中排除特定的 HTML 标签

最佳答案

不可能。进入 Ionic.css 并编辑它。您可以编辑它。我检查了 Sass 的文档:http://ionicframework.com/docs/cli/sass.html CSS放在这个文件夹下:www/lib/ionic/css 比较好的方案是,搭建一个Sass环境。然后您可以只使用您需要的组件。

还有其他解决方案,但有点脏,是用更深的选择器覆盖规则。也许用 .container .button 或 div.button 或 button.button 或 body .button。

关于angularjs - 如何从 Ionic CSS 中排除 HTML 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35684995/

相关文章:

javascript - ng-repeat 不重复特定元素

angularjs - 如何在没有 ng-model 的情况下对 select 使用 ng-change

javascript - ng-repeat 破坏指令模型绑定(bind)

javascript - 在页面加载后加载 respond.js

javascript - 固定面板 extjs 4.2 的大小

javascript - slidetoggle jquery 不会显示

javascript - 选中复选框时将数据推送到数组,取消选中复选框时删除数据

javascript - 使用 toggleClass() 函数时如何淡化更改?

javascript - 如何捕获双击复选框

css - simple_form_for rails 内联单选按钮