我想让 Materialize.css 卡在双击时可编辑。为此,我将输入放在卡片 div 中,而不是 p 中。
div.row
each cards
div.col.m4.s12
div.card.teal
div.card-content.white-text
if openCard
//input(type='text' value='#{text}')
textarea.materialize-textarea #{text}
else
p #{text}
问题是输入(和文本区域)元素具有广泛的材料设计样式,包括输入下方的线条。在其他场合它看起来很整洁,但在卡片内部它完全没有必要。
有没有办法从输入元素中删除样式,以便它可以在双击编辑模式下使用?
或者也许还有其他解决方案,如何通过双击卡片进行编辑,而不涉及重复使用先前样式的元素?
附注我在 Meteor 中运行它,并且有 Jade 预处理器。然而,这些事实不应影响问题或答案。
只需添加类:browser-default
适合你的元素
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)