在输入按钮上使用 :first-letter 伪元素

2024-01-11

我正在尝试创建一个仅第一个字母带下划线的按​​钮。 显然我不能使用标签,那么我会用CSS实现它,通过使用伪元素:first-letter。它在其他情况下工作得很好,但在按钮中不起作用。 还有其他解决方案吗?


由于您还没有分享您的代码,我将在这里进行大胆的猜测。

你正在使用<input type="button" value="Some Value">,因为里面没有实际的文本(显示的文本来自value=属性),:first-letter不起作用(因为它适用于元素内部的文本)。

相反,使用<button>Some Value</button>,它应该工作正常。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在输入按钮上使用 :first-letter 伪元素 的相关文章

  • JavaScript 和 jQuery 以及句点的使用

    我很困惑在引用类名时何时使用类名之前的句点 在此示例中 为什么 active slide 类的第一次使用事先使用了句点 而其他两个则没有 var main function dropdown toggle click function dr
  • CSS 字体不起作用

    我正在尝试向我的网站添加自定义字体 我尝试了很多事情但没有成功 这是我的CSS代码 font face font family myFirstFont src url ellis ttf body margin 0 padding 0 wi
  • 制作一个透明的圆形按钮,带有不透明边框和文本/字体很棒的图标

    基本上我想要一个性感的 反应灵敏的圆形按钮 它是透明的 这样你就可以通过它看到背景 但有一个不透明的轮廓 这样你就可以看到按钮和不透明的文本 或者也许我会在稍后阶段添加一个字体很棒的图标 这是我的 JS 小提琴 这样你就可以看到我正在尝试做
  • 如何在 Quill(富文本编辑器)中检测和修剪前导/尾随空格?

    如何检测并删除前导 尾随空格Quill https quilljs com 哪个是富文本编辑器 例如 样本HTML下面代表Quill文本的输出 nHi 我们想要检测并删除由以下命令创建的每个文本块的前导和尾随空格Quill 不适用于整个文档
  • 三行无表 CSS 布局,中间行填充剩余空间

    我需要的是一个包含 3 行的基于像素高度的 div 最上面一行的高度根据内容而变化 底行具有固定高度 中间行填充任何剩余空间 一切都是宽度 100 我一直在努力构建一个 div 和基于 CSS 的布局几个小时 这让我从字面上看seconds
  • Twitter 引导重置按钮

    我如何使用 twitter bootstrap 创建重置按钮 与清除所有数据的表单重置按钮相同吗
  • 转换为 PDF 后,Flex 布局中的 HTML 表格变得重叠

    尝试使用将 html 文件转换为 pdfweasyprint 但由于bug https github com Kozea WeasyPrint issues 1805 in weasyprint 我不能使用flex布局 因为它与第一行中的两
  • 如何在标签中制作文字自动换行

    我想在其中添加文字 a 标签适合固定的 div 但它会破坏 div 并且显示得很丑 CSS3 有一个属性 word wrap break word 看看MDN 自动换行文档 https developer mozilla org en CS
  • CSS flex-basis: 0% 与 flex-basis: 0px 有不同的行为

    根据MDN https developer mozilla org en US docs Web CSS flex the flex 1应设置简写flex basis 0 然而 它实际上设置了flex basis 0 更令人惊讶的是 这有不
  • 未使用 Font Family Open Sans

    我在用谷歌的 Open Sans 字体 http www google com fonts UsePlace use Collection Open Sans在我的应用程序中 我已经按照指示定义了样式表 然后我在主体选择器上使用它 body
  • 调整大小后获取实际图像大小

    我有一个充满缩略图的页面 用 css 调整大小150x150 当我单击缩略图时 页面变暗 并且图像以其真实尺寸显示 目前 我必须手动创建一个包含所有图像的实际高度的数组 为了解决设计问题 减少画廊的手动操作 我需要在调整图像大小 CSS 后
  • 如何解决flash的zindex问题

    在网页中我需要显示div覆盖未使用的 Flash 横幅wmode transparent环境 怎么解决呢 根据我的记忆 你可以将 div 推入 也许使用Javascript 这样你就不会弄乱你的HTML iframe 是像 flash 一样
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • 自定义字体有时在 IE8 / IE7 中以斜体呈现

    在 IE7 和 IE8 中 当使用自定义 Web 字体时 文本有时会以斜体呈现 即使我明确设置font style normal 这个问题是偶发的 它会渲染几次 然后我刷新 一切都是斜体 然后我刷新 它恢复正常 我正在用这个 font fa
  • 文本上方带有图标的 GWT 自定义按钮

    我想创建一个带有图标和文本的按钮 其中图标位于文本上方 寻找信息我发现了这个朱里的回答 https stackoverflow com questions 1853042 creating custom button in gwt 我用它创
  • 如何使网站适应用户的屏幕分辨率?

    我正在使用 1024x768 屏幕分辨率来设计我的网站 当您从屏幕分辨率较小 较大的计算机上的浏览器中查看网站时 网站开始变形 无论用户的屏幕分辨率是什么 如何使网站适应用户的屏幕分辨率 我相信通过 JavaScript 或 CSS 是可能
  • 禁用 iframe 中的滚动

    有没有办法在 iframe 中禁用所有滚动 我有一个 iframe 其中内容超出了 iframe 尺寸 设置scrolling no 只会删除滚动条 但不会禁用滚动 我无法控制 iframe html 的头部 所以我无法设计它的样式 有任何
  • Bootstrap下拉菜单文本颜色

    所以我第一次使用 Twitter 的 Bootstrap 我试图在下拉菜单折叠后更改其文本的颜色 如果有道理的话 I used 当您压缩网页以显示折叠菜单并转到下拉列表时 您会看到蓝色背景转移到下拉菜单项 但字体颜色为黑色 使其很难阅读 我
  • 如何显示不同页眉的页面? [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我正在为我的学校项目开发网站 但我遇到了一个问题 我在每个页面上显示一个标题 我的标题之一包含登录表单 另一标题包含用户名 搜索栏等 问题是
  • Chrome 上的 contenteditable 中未显示编辑光标

    当您打开此页面时 请参阅现场演示 http jsfiddle net gs3p1a6r 3 show 与 Chrome span span CSS myspan border 0 outline 0 JS myspan focus the

随机推荐

  • phonegap 相机 API 在捕获图像的攻击时不会触发 SuccessCallBack 方法

    我正在使用 Phonegap API 来捕获图像 一旦我拍照并附加它 我的成功回调方法就不会被调用 这是我的实现方式 我已将 Phonegap jar 文件添加到库中 并将其添加到构建路径中 在我的主活动中 它扩展了我指定的 DroidGa
  • 让员工全力进出? [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我的表如下 id time stamp evenid 1001 2017 09 05 09 35 00 1 in 1002 2017 09
  • AttributeError:使用与后端无关的 GUID 类型时,“UUID”对象没有属性“替换”

    我想使用 SQLAlchemy 1 1 5 在 Postgresql 数据库中拥有一个 uuid 类型的主键 id 并使用 pg8000 适配器连接到数据库 我用的是与后端无关的 GUID 类型 recipe http docs sqlal
  • 开始使用云计算

    我对云计算非常陌生 我想知道我可以在云上使用 LAMP 堆栈开发一个网站吗 以及使用哪种云 有没有开源云可以使用它 有点 您可以使用桉树 http open eucalyptus com downloads使用 LAMP 堆栈开发可在 Am
  • 无论有没有管道,如何在 k 折交叉验证后提取重要特征?

    我想构建一个使用交叉验证的分类器 然后从每个折叠中提取重要的特征 系数 以便我可以查看它们的稳定性 目前我正在使用 cross validate 和管道 我想使用管道 以便我可以在每个折叠内进行功能选择和标准化 我被困在如何从每个折叠中提取
  • 托管 COM 聚合

    据我了解 构建一个聚合现有 COM 对象的 COM 对象意味着在外部对象的 IUnknown QueryInterface 方法中实现重定向逻辑 我的问题是 如果您正在构建的对象是托管的 该怎么做 在托管对象上 IUnknown 没有显式实
  • 使用 ConstructorInfo 调用构造函数的反射

    在如下所示的非常简单的课程中 class Program public Program int a int b int c Console WriteLine a Console WriteLine b Console WriteLine
  • 如何在Python中读取cookie

    我是 python cgi 脚本的新手 我想用Python读取cookie 我尝试了以下代码 from urllib2 import Request build opener HTTPCookieProcessor HTTPHandler
  • Silverlight 中的最大图像 Uri 长度

    有谁知道 Silverlight 中的最大 URL 长度是多少 如果重要的话 版本 4 我知道它是 2048 并且对于 Firefox 来说基本上是无限的 我测试过的两个环境 但是对于长 Uri 来说 图像请求会失败 任何人都知道这个神奇数
  • 有没有办法监控并记录最近启动了哪些应用程序?

    我想知道用户在过去 例如 24 小时内 启动了哪些应用程序 这可能吗 不 不可能 至少在没有大量低级工作的情况下不可能 Android 不会按原样保留应用程序的使用历史记录
  • 将 NSDate 与 [NSDate 日期] 进行比较

    我试图强制用户使用日期选择器选择将来的日期 我显然使用了compare 方法 但是 当我执行以下代码时 即使它与 NSDate date 相同的日期 它也会告诉执行if语句 这是我的代码 if datePicker date compare
  • Google App Engine 版本号?

    App Engine 版本号如何运作 它们只是整数吗 我可以使用浮标吗 我可以重复使用旧版本号吗 从手册中 http code google com appengine docs python config appconfig html R
  • Excel VBA 调试器停止,没有错误或警告

    在尝试测试一些代码时 我遇到了一个我不记得以前遇到过的问题 当我单步执行代码时 它在 ClearContents 行之后停止 没有错误 没有警告 什么也没有 Public Sub CreateCurMth wsCur As Workshee
  • 如何在 jQuery 数组中查找 indexOf 元素?

    我有两个选择器 var allNodes a historyEntry var errorNodes a historyEntry error 我想找到第一个错误节点之前的节点 所以我需要找到第一个错误节点的索引 该怎么做 我尝试使用 in
  • 美丽的汤找不到标签

    我目前正在尝试使用 Python 3 6 中的请求和 BeautifulSoup 模块进行练习 并且遇到了一个问题 我似乎无法在其他问题和答案中找到任何信息 似乎在页面中的某个时刻 Beautifulsoup 停止识别标签和 ID 我正在尝
  • Javascript代码执行顺序奇怪

    我有一段 Javascript Coffeescript 似乎没有按顺序执行 console log list console log list card number if list card number console log MAT
  • 如何替换 pandas 数据框中拼写错误的单词

    我有 2 个熊猫数据框 其中包含拼写正确的单词列表 In df1 Out words 0 apple 1 phone 2 clock 3 table 4 clean 以及一个拼写错误的单词 In df2 Out misspelled 0 a
  • 安装了两个版本的 git,目前使用的是旧版本,如何切换?

    我需要一些帮助 我不久前安装了一个 git 版本 不知道如何 但没有使用自制程序 我刚刚安装了自制软件 我不知道如何使用新的而不是旧的 有想法吗 提前致谢 which a git usr local bin git usr bin git
  • SSIS 中的 OData 源组件未连接

    这是上一个问题的后续问题 SSIS 中的 OData 源组件挂起 https stackoverflow com questions 48026984 odata source component in ssis hanging Setup
  • 在输入按钮上使用 :first-letter 伪元素

    我正在尝试创建一个仅第一个字母带下划线的按 钮 显然我不能使用标签 那么我会用CSS实现它 通过使用伪元素 first letter 它在其他情况下工作得很好 但在按钮中不起作用 还有其他解决方案吗 由于您还没有分享您的代码 我将在这里进行