Materialize.css 从输入元素中删除样式

2024-01-10

我想让 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(使用前将#替换为@)

Materialize.css 从输入元素中删除样式 的相关文章

  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo
  • 如何在React Native Android中获取响应头?

    您好 我想在获取 POST 请求后获取响应标头 我尝试调试看看里面有什么response with console log response 我可以从以下位置获取响应机构responseData但我不知道如何获取标题 我想同时获得标题和正文
  • 本地推送通知到在应用程序内运行 JS 代码的 Win8 Live Tile

    我正在尝试将更新发送到我的应用程序的磁贴 当应用程序运行时 这可以正常工作 例如 当用户单击按钮时 我可以轻松地将磁贴更新通知发送到磁贴 我无法解决的是当应用程序无法运行时如何更新磁贴 我找到的唯一选择是使用以下命令从远程 Web 服务器拉
  • 按下回车键时不刷新页面

    我遇到了一些问题 只要表单中有输入 回车键就会触发页面刷新 下面的代码 如果按下回车并且文本区域 input 中没有输入任何文本 则不会刷新页面 但是如果按下回车并且 input中有输入或者光标位于文本区域 我不确定是什么触发了它 因为 s
  • ReactTransitionGroup 不适用于 React-redux 连接组件

    我正在开发一个更大的项目 但我创建了这个简短的示例来说明问题 如果我使用Box组件 它的工作原理 它在控制台中输出componentWillEnter and componentWillLeave当我们点击按钮时 如果我使用BoxConta
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • 如何通过单击链接来更改 div 的内容?

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st
  • React Router v4 不渲染组件

    React Router v4 渲染组件存在问题 在应用程序初始加载时 它将呈现与 URL 相对应的正确组件 但是 任何后续的组件Link单击不会呈现所需的组件 图书馆 反应路由器 4 2 2 https reacttraining com
  • JavaScript推送函数中的动态变量

    我在 JavaScript 中使用推送功能 var chartData for var i 0 i lt 3 i chartData push date new Date year s mon s date s hr s min s sec
  • JavaScript RegEx:不同的结果:使用字符串和使用正则表达式“文字”构建模式?

    使用 RegExp 文字与字符串之间有什么区别吗 http jsfiddle net yMMrk http jsfiddle net yMMrk String prototype lastIndexOf function pattern p
  • CSS 到底如何计算相对尺寸

    我想更好地理解某些 CSS 行为 这与具体问题无关 我只是在调试网站时遇到的 让我们在固定位置的 div 中放置一个全宽图像 div img style width 100 src https via placeholder com 150
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 如何计算特定字符在字符串中出现的次数

    我正在尝试创建一个函数来查看数组中的任何字符是否在字符串中 如果是 有多少个 我尝试计算每一种模式 但是太多了 我尝试使用 Python 中的 in 运算符的替代方案 但效果不佳 function calc fit element var
  • JavaScript eval("{}") 返回行为?

    根据ECMA 262 规范 http www ecma international org publications files ECMA ST Ecma 262 pdf 以下语句返回1 eval 1 eval 1 eval 1 var a
  • Vaadin 12 将对象传递给 JavaScript 函数:无法对类进行编码

    Vaadin 12 Kotlin 项目 In my myPage html我有JavaScript myObject redirectToCheckout sessionId 1111 2222 所以我需要调用javaScript函数red
  • 用于选择特定 div 中具有特定类的锚元素的 jQuery 选择器是什么

    我有一些这样的代码 我想选择每个 a 带有类的标签status在 div 中foo div a class status a div 你可以这样做 foo find status a
  • 有没有办法使用 ko.observableArray 作为地图?

    有没有办法使用ko observableArray http knockoutjs com documentation observableArrays html像地图 字典一样 例如 var arr ko observableArray
  • 在 iOS 7 Safari 中,如何区分通过边缘滑动与后退/前进按钮的 popstate 事件?

    在 iOS 7 Safari 中 现在有两种后退 前进导航方式 使用底部的传统后退 前进按钮箭头或从屏幕边缘滑动 我正在使用动画在 ajax 应用程序中的页面之间进行转换 但如果用户通过边缘滑动进行导航 我不想触发该转换 因为这本身就是一个
  • 滚动顶部不符合预期

    Note 由于上次忘记奖励而重新开放赏金 A Woff 大师已经给出答案 我想在用户展开某一行时到达该行 这样当最后一个可见行展开时 用户不必向下滚动即可查看内容 I used example tbody on click td green
  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下

随机推荐

  • php exec() 在 unicode 模式下?

    我需要执行接受 ut8 作为输入或生成 ut8 输出的命令行命令和工具 所以我使用 cmd 它可以工作 但是当我用 exec 从 php 尝试这个时 它不起作用 为了简单起见 我尝试了简单的输出重定向 当我直接在命令提示符下写入时 chcp
  • 检查默认java安装版本是否大于1.x的DOS脚本

    正如主题所说 我需要一个dos脚本来检查windows xp机器上安装的java版本 此外 我需要检查版本是否大于前缀值 1 x 有人可以帮助我吗 Thanks 获取版本 并将其写入临时文件 然后只解析版本本身 echo off echo
  • 重播 vim 宏直到缓冲区结束

    我想运行一个我刚刚在寄存器中录制的宏 x 在 vi m 中打开缓冲区的每一行上 从光标到缓冲区末尾 我该怎么做 我知道我可以重放宏 n 次 15 x 或者按住 直到我到达最后一行 但我只想敲击几个键就可以完成它 就我个人而言 我会做 VG
  • Javascript:for循环属性内的条件递增或递减

    我知道我可以执行 IF ELSE 但我需要知道是否可以设置条件循环 如下所示 for i 0 i
  • 辅助线程的堆栈大小,DEBUG和RELEASE版本差异显着

    在我的 iPhone 应用程序 XCode 3 2 4 iOS3 1 3 中 如果我在 RELEASE 模式下运行应用程序 一切都很好 但在 DEBUG 模式下 应用程序会崩溃并出现 EXC BAD ACCESS 异常 该应用程序会执行一些
  • 检查文件是否包含或加载

    是否有任何优雅的方法来检查文件是否包含在使用中include include once require require once或者页面实际上是直接加载的吗 我正在尝试在创建类文件时在类文件内设置一个测试文件 我正在寻找类似于Python的
  • 使用 Prismatic Sc​​hema 验证多个多态值

    不久前我问过简单的多态模式 https stackoverflow com q 23917495 24874 并且那里的答案一度效果很好 现在我希望验证的地图有一个附加值 该值取决于另一个键的值 该对象的一个 人为示例 type foo t
  • 是否可以使用载波建立动态存储路径?

    我从载波 https github com jnicklas carrierwave用于文件上传 到目前为止我对此非常满意 我的文件存储在亚马逊 s3 上 这相当简单并且工作可靠 现在我有一个名为pictures和上传者姓名MainUplo
  • 使用D语言开发应用程序

    对于那些使用 D 开发过应用程序的人来说 您使用哪些库来构建您的应用程序 那些图书馆有很好的记录吗 你用过探戈吗 您觉得 D 准备好构建大型应用程序了吗 你用的是哪个IDE 也许是下降 请注意 任何 C 库都可以与 D 一起使用 因为 D
  • hashmap 出现并发修改异常的问题

    我在使用地图并执行一些删除操作时收到以下错误 如何避免这种情况 Caused by java util ConcurrentModificationException at java util HashMap HashIterator ne
  • 注销清除 SharedPreferences

    我有一个可以保存的登录页面username and password to SharedPreferences 我还有一个Activity包含注销按钮的类 我想清除SharedPreferences当我单击注销按钮时 问题是我不明白Shar
  • 从 iOS/Xcode 项目中卸载/删除 Carthage?

    这是一个链接Carthage https github com Carthage Carthage https github com Carthage Carthage 它还在项目文件中添加了一些更改 因此我可以简单地删除额外的文件 文件夹
  • 获取二维数组中高于特定值的局部最大值的坐标

    from PIL import Image import numpy as np from scipy ndimage filters import maximum filter import pylab the picture 256 2
  • 如何在 Facebook Graph API 中获取 Instagram 照片帖子的点赞?

    我正在开发一个应用程序来处理
  • 使用 bitbake 进行分布式编译

    您知道如何使用分布式 bitbake 编译构建 oe 项目吗 我考虑过 distcc export PATH distcc bin PATH make jn CC linux gcc make 将从我的路径调用 linux gcc 该路径指
  • Matplotlib:--如何显示刻度上的所有数字? [复制]

    这个问题在这里已经有答案了 可能的重复 如何消除 matplotlib 轴的相对偏移 https stackoverflow com questions 11855363 how to remove relative shift in ma
  • 在 xyplot 下方绘制具有相同 x 轴的条形图?

    我试图在彼此下方绘制不同类型的图 线图和条形图 它们都具有相同的轴 c1 lt ggplot data aes date TotalMutObs stat smooth se FALSE geom point opts axis title
  • 如何在静态谷歌地图上添加高分辨率自定义标记

    我正在使用 Google 静态地图 文档在这里 http code google com apis maps documentation staticmaps 来显示商店的位置 我使用自定义标记而不是默认标记 然而 此标记图像在 iPhon
  • 环回 - 包括关系的计算属性

    我有一个环回应用程序 我希望能够在 API 调用中包含关系的计算属性 例如 假设我有一个apartment模型和一个address模型 这address有属性city and state 我想向公寓模型打一个电话 并将城市和州作为相关信息中
  • Materialize.css 从输入元素中删除样式

    我想让 Materialize css 卡在双击时可编辑 为此 我将输入放在卡片 div 中 而不是 p 中 div row each cards div col m4 s12 div card teal div card content