Twitter 引导表单字段太小

2024-01-31

我知道这个主题“听起来”很像其他主题,但我已经浏览了所有现有的线程(无论如何“大多数”),但我仍然有一个问题,我可以使用帮助......

The problem与其他人所描述的并没有太大不同:

  • 某些 FORM 元素不显示其完整的垂直高度
  • 其中最值得注意的是,当坐在按钮或“附加”类旁边时,INPUT 类型看起来有点贫血
  • 最近,我注意到一个更严重的问题......单选按钮变成了“单选点”,因为它们太小了,几乎看不见。

现在很多人通过确保他们指定了来解决他们的问题DOCTYPE正确地位于 HTML 文档的顶部。我也发现这个简单的调整对我的静态 HTML 模型起到了作用。遗憾的是,当我切换到 Wordpress 时,问题再次出现,但我非常肯定地将 HTML 5 DOCTYPE 签名放在输出的最顶部(我已经用“查看源代码”检查过几次,因为我想也许我丢失了我的文档)头脑)。

我附上了屏幕的快速快照,以防有助于阐明这一点。你可以在这里找到它:http://www.flickr.com/photos/14261777@N00/6957941282/ http://www.flickr.com/photos/14261777@N00/6957941282/。请注意底部的小点,它们应该是单选按钮。更明显的是 INPUT 字段不够高。哦,为了完整起见,下面是我的 HTML 源代码的启动方式的屏幕截图:http://www.flickr.com/photos/14261777@N00/6957952802/ http://www.flickr.com/photos/14261777@N00/6957952802/.

我很乐意听取任何人的意见,了解为什么会发生这种情况以及可能存在的任何解决方法(即使解决方案的来源未知)。我尝试过强加 CSS 属性,如 line-height、height、min-height 等,以及其他一些效果为零的属性。


看起来你有两个问题。这input type=text问题和radio按钮问题。如果没有看到您的代码,您的文本框问题似乎与DOCTYPE并且您的单选按钮问题与覆盖 CSS 样式有关(可以确认您是否发布单选按钮的检查器输出)。

如果您的变量显示为正确的值(例如 18px 高度),那么它绝对是一个DOCTYPE issue.

From 本文 http://www.alistapart.com/articles/doctype/在 A 名单上:

您已经做了所有正确的事情,但您的网站看起来或工作起来并不像 它应该在最新的浏览器中。

您已经编写了有效的 XHTML 和 CSS。您已使用 W3C 标准 用于操作动态页面元素的文档对象模型 (DOM)。然而, 在旨在支持这些标准的浏览器中,您的网站是 失败。错误的 DOCTYPE 很可能是罪魁祸首。

这篇小文章将为您提供有效的 DOCTYPE,并解释实用的、 这些看似抽象的标签在现实世界中的效果。

以下是 W3C 推荐的 DOCTYPE 列表:

http://www.w3.org/QA/2002/04/valid-dtd-list.html http://www.w3.org/QA/2002/04/valid-dtd-list.html

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

Twitter 引导表单字段太小 的相关文章

  • php中的条件格式化html表与时间戳比较

    echo table style width 100 tr echo td Order td echo td Destination td echo td Location td echo td Status td echo td Time
  • CSS:水平滚动时背景不存在

    好的 我的背景设置如下 HTML div div CONTENT HERE div div CSS container background url image gif content width 800px margin auto 因此
  • 对一组复选框使用 HTML5“必需”属性?

    使用支持 HTML5 的较新浏览器 例如 FireFox 4 时 并且表单字段具有属性required required 并且表单字段为空 空白 然后点击提交按钮 浏览器检测到 必填 字段为空 并且不提交表单 相反 浏览器会显示一条提示 要
  • 使用 jQuery 清除 IMG

    我正在尝试从 a 中删除加载的图像 img 元素 但清除或删除 src 不会执行此操作 该怎么办 HTML img src https www google com images srpr logo3w png JQUERY img att
  • 如何在HTML中的PHP中注释掉HTML和PHP?

    这是我想注释掉的一行代码 h1 class post title a href title a h1 一种流行的注释方法是分别注释 html 和 php 有一个更好的方法吗
  • 来自 JSON 的 Angular 8 动态表单

    我正在尝试从 JSON 模式递归生成动态表单 但我正在努力解决找不到表单控件的问题 这是代码示例 我收到这个错误 错误错误 找不到名称为 createdAt 的控件 我尝试了不同的方法 但仍然存在问题 我知道我错过了一些东西 所以请帮忙 任
  • 用隐藏单元格补充 colspanned 表格有什么不好吗?

    我一直在表格上开发一些排序和选择功能 我发现在具有跨单元格的表格中定位非常困难 我只是添加了跨区单元格并将其隐藏 它看起来不错 它与我的 js 一起工作 非常适合索引 但我想知道这是否是合法的方法 stuffing display none
  • VBA / HTML / jQuery 选择自动完成 - 在列表中选择

    我正在尝试使用 Excel 中的 VBA 在网站的列表中选择一个值 这不是一个 正常列表 该网站使用 jQuery 选择自动完成 如下所示 example http davidwalsh name demo jquery chosen ph
  • 在 WooCommerce 中添加到购物车之前清空购物车

    我正在使用 WP 作业管理器和 Woo Subscriptions Now 最初 我选择了一个套餐 Woo Subscription 然后我添加了所有细节 但没有提交 回到网站 所以要再次购买 我需要选择一个套餐 于是我选择了套餐并填写了详
  • 如何为背景图像添加边距?

    我想向背景图像添加边距 以便将其与屏幕中间保持距离 但将其添加到该类中会为整个主体添加边距 body poppage background url Imagenes tip3 png 50 200px no repeat E2E4E9 我怎
  • 如何并排放置两个

    我有两个 div 我想要并排放置的元素 如下所示 navigation content 我想要导航 div 根据需要尽可能大 但不能更大 收缩以适应行为 内容 div 然后应该填充剩余的空间 如何在不指定百分比 例如 20 80 的情况下使
  • Bootstrap 3 RC2 自定义导航栏固定顶部走两行

    我正在使用 Bootstrap 3 RC2 我试图将导航栏固定在顶部 但不是全宽 我已经复制了 CSS 中的 navbar fixed top 声明 并创建了我的 在 IE 10 上 这效果很好 但在 Chrome 28 上 该栏分为两行
  • 如何通过php获取网页的Open Graph协议?

    PHP 有一个简单的命令来获取网页的元标记 get meta tags 但这仅适用于具有名称属性的元标记 然而 开放图谱协议如今变得越来越流行 从网页获取 opg 值的最简单方法是什么 例如 我看到的基本方法是通过 cURL 获取页面并使用
  • Jquery 中的动态滚动位置

    请帮助我解决以下情况 我有 3 个页面 当滚动到达第二页时 用户滚动页面 它必须找到特定的 ID 然后触发一个函数 一旦第三页开始 另一个函数就会触发 根据要求我不应该使用任何插件
  • iOS7 中“-webkit-overflow-scrolling: touch” 最初的屏幕外元素被破坏

    既然转基因种子已经发布了 我们现在可以谈谈了 看起来 iOS7 中的 webkit overflow scrolling touch 已损坏 最初不在屏幕上的元素的触摸事件不会触发 或者在某些情况下只是不可靠 这是一个例子
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 如何在背景剪辑中包含文本装饰:文本;影响?

    我在用 webkit background clip text border and color transparent在锚标记上 下划线似乎永远不可见 我想要的是将文本装饰包含在背景剪辑中 这是我的CSS background clip
  • 使用流体网格系统在引导程序上对齐输入

    我正在创建一个表单 要求用户输入他们的姓名和电子邮件地址 表单的第一行对于姓名的每个部分都有两个并排的输入 第二行对于电子邮件地址有一个输入 其宽度应与第一行组合的宽度相同 我正在尝试使用流体网格系统 但无法将第二行与第一行对齐
  • 显示覆盖以覆盖整个页面

    我有一个正在加载的网络应用程序iframe 我需要显示一个覆盖 div 来覆盖整个页面 问题是叠加层当前仅显示在iframe区域而不覆盖整个页面 我们的应用程序 子应用程序 是加载的一组应用程序的一部分iframe 你可以做这样的事情 di
  • 闪亮井板宽度

    library shiny library shinydashboard ui lt dashboardPage dashboardHeader dashboardSidebar dashboardBody wellPanel tags d

随机推荐

  • 使用 jQuery 淡入淡出背景图像?

    到目前为止 我已经尝试了很多方法 但没有成功 有任何想法吗 您可以淡化背景颜色 但不能淡化背景图像 解决这个问题的方法是将你的图像设置为 img 标签并默认隐藏它们display none 给出你的图像position absolute a
  • Outlook 邮件项目作为流

    是否可以退货MailItem直接作为Stream MailItem from Microsoft Office Interop Outlook 现在我找到了一个临时解决方案 首先保存一个MailItem到一个目录 打开它并将流返回到文件 然
  • 在 matlab 中,如何放大脚本中的绘图

    我想使用脚本放大情节 我只对水平约束缩放感兴趣 所以我想做一些类似的事情 p plot myData z zoom set z ZoomInToPoints 50 100 or p plot myData myZoom 50 100 因此
  • Qt:设置QMainWindow的大小

    我是Qt新手 所以我想知道是否有办法设置a的大小QMainWindow 例如 用户桌面的 70 我尝试了拉伸因子 但没有用 QWidget setFixedSize我认为有效 但仅限于像素数 在 QMainWindow 构造函数中的某个位置
  • Protractor - Jasmine - 将文件下载到相对路径

    我已阅读并遵循以下问题及其评论 答案 问题1 https stackoverflow com questions 27785731 cant stop protractor from displaying file download pro
  • 从 Python 文档字符串自动生成 GitHub Wiki 文档

    标题说明了一切 我的想法是为我的所有模块 类和函数提供文档字符串 并以某种方式通过 github wiki 很好地导航文档 此外 该文档应与最新代码同步 这意味着它应在推送时更新 重新生成 那可能吗 只需通过管道传输生成的输出docstri
  • __getitem__, __setitem__ 多个键

    我正在尝试创建一个类 它将数据存储在本地缓冲区中 并充当数据库的接口 我有以下代码 class Table object def init self tableName columnDict self tableName tableName
  • Python 与 QML (Qt-Quick) 配合得很好吗? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我是 Qt Quick 的初学者 我不知道 Qt 是 QML 的基础 而且我也不熟悉 C 它又是 Qt 和 QML 的主要支持语言 我
  • 为什么 assembleDebug 比项目构建花费的时间要长得多以及如何优化它?

    我最近一直在处理 Android Studio 中的 gradle 构建时间 通过删除一些依赖项 我成功地将构建时间从大约 3 分钟减少到 10 秒 但事情是这样的 当我重建项目时 大约需要 10 秒 15 13 43 Executing
  • 显示为问号的特殊字符

    使用 Python 编程语言时 我在输出 和 等字符时遇到问题 以下代码给出了一个问号 作为输出 而不是 coding iso 8859 1 input print input 以下代码可让您输入随机文本 for 循环遍历输入的每个字符 将
  • Tinymce:拼写检查器不工作

    我在用spellchecker for tinymce在我的应用程序中 拼写检查器内部使用Moxiecode TinyMCE dll 在我们上次实时更新之前它运行良好 突然就报错了You must write ContentLength b
  • NestJS + CASL + Mongoose:CASL 无法从 Mongoose Schema 推断主题类型

    Context 我定义了一个Cat使用 Mongoose 和 NestJS 的架构 import Prop Schema SchemaFactory from nestjs mongoose import Document from mon
  • VBA - 检查列表对象中的数据是否被过滤

    我正在尝试开发一个自定义函数来检查列表对象中的数据是否被过滤 Public Function TestFiltered As Boolean Dim rngFilter As Range Dim r As Long f As Long Se
  • 从哪里获取与 timezone-js 配合使用的 Olson 时区数据库文件?

    根据 timezone js 的自述文件 http github com mde timezone js http github com mde timezone js 您需要下载 Olson 时区数据库并将文件存储在 Web 服务器上的目
  • Postgres where 子句来自子查询的两列

    数据库 Postgres 表名 records 有 4 列Year Dept Expense Month 因此 每年每个月 每个部门最多可以有一条记录 我有一个子查询 它根据约束返回以下数据 Year Dept 2001 HR 2001 A
  • AS 中的内部类

    例如 package public class A var test String public function A class B 代码在同一个文件中 我们称B为内部类 那么如何调用B类的构造函数 package public clas
  • XML文档选择

    我的 XML 文档格式如下
  • 如何使用systemjs导入fullcalendar v.3.0.1?

    我有app ts import moment from moment moment import from jquery import fullcalendar fullcalendar calendar fullCalendar 但出现
  • Node.js 中的 WordPress 身份验证

    允许用户使用 WordPress 页面中的用户帐户使用 Node js 应用程序的最佳方式是什么 我尝试过在 Redis 中存储会话信息 但我对 PHP 不太熟悉 并且遇到了不存储会话的死胡同 我用过这个guide http simplap
  • Twitter 引导表单字段太小

    我知道这个主题 听起来 很像其他主题 但我已经浏览了所有现有的线程 无论如何 大多数 但我仍然有一个问题 我可以使用帮助 The problem与其他人所描述的并没有太大不同 某些 FORM 元素不显示其完整的垂直高度 其中最值得注意的是