草庐IT

inline-button

全部标签

html - 显示 :inline-block and overflow:hidden leading to different vertical alignment

以下代码在不同浏览器中呈现不同(IE=FF=高于基线,Chrome=在基线上)。这是谁的错?我应该在哪里提交错误报告?你知道如何解决这个跨浏览器的问题吗?如果我更改垂直对齐方式,它会在某些浏览器中运行,但在其他浏览器中无法运行。.a{display:inline-block;overflow:hidden;color:red;}baseline__test__baselinehttp://jsfiddle.net/T2vQj/ 最佳答案 是的。你需要做这些:移除样式overflow:hidden;。这里不需要。仅当您提供width或

html - 如何使 HTML <button> 用 CSS 垂直填充表格单元格?

如何制作HTML用CSS垂直填充表格单元格?我可以使用width:100%使用CSS使按钮水平填充表格单元格,但是height:100%什么都不做。例如,请参阅:http://jsfiddle.net/eA5fQ/谢谢! 最佳答案 您需要以像素为单位指定高度,如下所示:height:100px; 关于html-如何使HTML用CSS垂直填充表格单元格?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/

javascript - HTML5 button.formaction 属性在 <form> 之外不起作用

为什么button.formaction属性在之外不起作用?这失败了:abc但是,这对我有用:abc但在我的应用程序中,使用表单对我来说没有意义,因为我不想访问foo.jsp而且我没有默认值。有没有什么方法可以在不使用虚拟值或将表单默认为a.jsp的情况下使formaction工作?? 最佳答案 一般form元素用于将数据发送到服务器。它环绕着指定数据的元素,input或button元素,例如。如果您添加name和一个value属性添加到您的按钮元素,您将把这个名称-值-对发送到您的服务器。如果您不需要向您的服务器发送任何(额外的)

javascript - 我可以处理 HTML <button/> 元素上的右键单击事件吗?

我在SO和其他地方看到了很多关于右键单击事件以及如何使用JavaScript捕获和处理它们的问题和答案,通常使用.buttonevent的属性浏览器生成的对象。但是,我还没有找到的一件事,可能是因为它是一个非常奇怪的请求,是如何捕获和处理对HTML的右键单击元素。浏览器处理按钮的方式与其他元素不同。最重要的是,似乎右键单击按钮不会执行任何操作。没有上下文菜单,据我所知,没有事件。我错了吗?我希望如此,因为它会让我的生活更轻松。如果没有,我可以用一个div和一些CSS模拟一个按钮,但我宁愿避免它。有什么想法吗?(PS:这是一个愚蠢的副项目,所以不要担心我试图在任何客户或任何东西面前放置一

html - Bootstrap 4 : center inline form inside a jumbotron

我在超大屏幕内有一个内联表单。我想把它居中。我尝试在超大屏幕上使用text-align:center,它确实将超大屏幕内的所有其他元素居中,除了内联表单元素。所以我不知道这里出了什么问题。这是HTML代码:MyAwesomeApp!Thisiswhyyoushoulddownloadthisfantasticapp!Wanttoknowmore?Joinourmailinglist!Email@SignUp这是CSS:body{position:relative;}#home{background-image:url('../img/jumbotron-bkg-2.jpg');marg

html - 我应该使用 <button> 还是 <a>,提交样式化的 Web 表单

对于我的html表单,似乎我无法创建跨浏览器的悬停和按下状态|。我真的很想要这个,因为它会产生良好的用户反馈(以及优美的外观和感觉)。与这很容易做到,但它违反了无障碍规则。我该怎么办?根据要求,一个例子:NameSendbutton.submit{background:#F99;font-size:3em;}button.submit:hover/*whitebuttonwithcoloredtext*/{background:#FFF;color:#F99;} 最佳答案 我看到自己在无障碍方面反复采用的模式是从每个人都可以访问的内

html - Bootstrap 4 : Button align text with icon

所以我正在制作一个左侧带有图标的按钮。而且排列困惑。我的文字没有与图标中间对齐,我不知道如何解决这个问题。行高似乎没有做任何事情。或触摸填充/边距,因为我已将填充添加到图标区域,因为我需要它比文本背景更暗。这是图片预览:有什么方法可以解决对齐问题?或者有没有一种方法可以使用Bootstrap4更轻松地完成此类按钮?这是我的代码:.btn-primary{background-color:#3382c7;font-size:10px;font-weight:bold;text-transform:uppercase;span{padding-left:25px;padding-right

html - inline-flex 输入元素在 IE11 中换行

我在一个容器中有几个html元素并排放置在display:inline-flex中。这适用于按钮元素,但只要我尝试添加inputtype="text"元素,文本框就会放置在按钮下方(仅在InternetExplorer11中;不确定关于IE10或以下)。它在Firefox、Chrome甚至Edge中按预期工作(文本框与按钮在同一行)。如何让IE正确显示它?请参阅jsFiddle以获取完整的html和css代码来说明问题:https://jsfiddle.net/vm2kcwd9/1/.container{height:2em;}.container>*{height:100%;disp

html - DIV 内 BUTTON 上方无法解释的空间

前言:我读过很多关于div中的图像周围有一个奇怪的空间等的文章。示例#1:Unwantedpadding-bottomofadiv示例#2:https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps示例#3:cannoteliminatespacebetween2horizontaldivsinsidecontainingdiv他们的问题似乎与我的相似但不完全相同。在这个示例文档中,边框、填充、轮廓等都设置为零……但Opera和Firefox都在div的顶部呈现一个备用像素。第三个可能绕过这个空间,但似乎没有

html - CSS : absolute positioning of a button in Firefox

我想显示一个按钮,它占用其父级的所有空间,而父级本身是绝对定位的。但似乎Firefox有一个错误(所有在Chrome和Safari(Webkits)中运行完美,我无法在IE上测试,因为我在mac上(如果有人可以测试并在评论中说它是否运行或不,这将是非常好的))。要达到的目标是:Div和按钮一起包含在一个绝对定位的包装器中。HTML代码是:.wrapper{background-color:red;position:absolute;width:100px;height:100px;}.inner{background-color:blue;position:absolute;top:0