草庐IT

inline-button

全部标签

html - 将图像放入 BUTTON 元素内(HTML 和 CSS)

我有一个简单的按钮(如下所示),我需要在其上显示两张图片,一张在按钮文本的两侧。我正在努力创建适用于Firefox和InternetExplorer的CSS!(按钮图像来自JQueryUI皮肤文件)CSSbuttondiv{width:16px;height:16px;background-image:url(images/ui-icons_d19405_256x240.png);}buttondiv.leftImage{background-position:-96px-112px;float:left;}buttondiv.rightImage{background-positio

html - 显示 :inline-block elements 上的神秘负边距

我真的很困惑为什么会这样。http://syndex.me上的帖子有2px的边距。当页面最初加载时,会遵守这一点。当第二批帖子加载时(开始加载14个帖子)您会看到,由于某些奇怪的原因,右边的帖子实际上比应有的短2px。更奇怪的是,检查帖子显示它们实际上设置了margin:2px更奇怪的是,这只发生在左边距或右边距,而不是顶部和底部(?!)做前端有一段时间了,我很确定这是一个奇怪的案例。我在firefox、safari和chrome上遇到了这个渲染问题。如果我使用检查器翻转帖子,我可以看到每个帖子确实有2px的边距,只是第二个帖子(右边)的边距开始时就好像它旁边的帖子有一个零margin

html - 在 Jade 中使用 mixin inline

我正在尝试像这样在一行Jade的中间使用一个mixin...psomeparagraphtext!{'this'+'works'}but!{+myMixin()}breaksit!但它不起作用。我不知道如何在一行jade中间引用一个mixin。可能吗? 最佳答案 你需要特殊的方式来内联使用jademixins:p.HelloI'musing#[+jadeMixin(param)]inline. 关于html-在Jade中使用mixininline,我们在StackOverflow上找到一

html - 如何使用 Jade 添加粗体或斜体 (INLINE)? *喜欢 Markdown

使用Jade可以在同一代码行使某些单词变强生成HTML?我尝试使用markdowncode,像这样。但不起作用:pHerearemy**strongwords**inmysentence!我找到的一个独特的解决方案(here)是:pHerearemystrongwordsinmysentence!还有别的办法吗?谢谢! 最佳答案 我想你可以简单地做:pHereismy#[strongstrongwords]inmysentence! 关于html-如何使用Jade添加粗体或斜体(INLI

html - CSS 伪类 :focus after button click

我正在为button使用一些基本的CSS动画。问题是:focus伪类甚至在我们按下键盘上的Tab键时也能正常工作。所以我希望:focus应该只在我点击按钮时才有效,即只有在激活时才有效。代码如下:button{background:#c33;width:150px;height:30px;border:0;color:#fff;}button:after{content:'RENTME';display:block;}button:active,button:focus{background:green;}button:active:after,button:focus:after{d

html - 显示 :inline with margin, 填充、宽度、高度

如果我为任何元素设置display:inline,那么margin、padding、width、height不影响那个元素?是否需要使用float:left或者display:block或者display:inline-block来使用margin,padding,width,height在那个元素上? 最佳答案 请参阅CSS规范中的“Inlineformattingcontexts”以获得完整解释。基本上,外边距、内边距和边框都可以在内联级元素上设置,但它们的行为可能与您预期的不同。如果只有一行,行为可能没问题,但同一流中的其他行

iphone - 如何删除 iPhone <button> 样式?

http://ingoodtastemag.com/在iPhone上,按钮是带有渐变的圆形。然而,在我们迄今为止测试过的所有其他桌面浏览器和Android上,它都是方形的。我希望按钮保持正方形。为此我需要重置哪些CSS? 最佳答案 这个圆Angular是Safari浏览器和iOS5设备的默认属性。要覆盖它,请为您的按钮使用以下样式:-webkit-appearance:none;border-radius:0; 关于iphone-如何删除iPhone样式?,我们在StackOverflo

javascript - CSS/JavaScript : How to draw minimal border around an inline element?

考虑以下HTML:Thisisapotentiallylargeparagraphoftext,whichmaygetwrappedontoseverallineswhendisplayedinthebrowser.Iwouldliketobeabletodrawaminimalboxroundthespan我想在跨度周围绘制一个最小边框。即:如果span在单行上渲染,border相当于设置了一个css样式的border:1pxsolidblack;如果跨度呈现在多行上,则边框绘制在跨度的最外边缘周围,而不是跨度之间。这相当于在span上设置CSS背景颜色,并在突出显示区域的边缘绘制线

html - 是否有可能有一个 :after pseudo element on a button?

这个问题在这里已经有了答案:Whydothe:beforeand:afterpseudo-elementsrequirea'content'property?(5个答案)关闭6年前。我有一个按钮,在:hover上我想显示一个after元素。但是我看不到。是否可以在按钮上添加:after元素?.button{cursor:pointer;height:30px;}.button-primary{border:none;}.button-primary:hover:after{display:block;position:relative;top:3px;right:3px;width:1

html - 输入类型 ="button"的 Css 属性选择器不适用于 IE7

我正在处理一个大表单,它在整个表单中包含很多按钮,因此我试图在我的主css文件中使用input[type="button"]以便它可以捕获所有按钮必须为每个类添加一个类,出于某种原因这在IE7上不起作用,在网上查看后它说IE7应该支持这个。还必须是type="button"而不是type="submit"因为不是所有的按钮都会提交表单。有人可以提示我做错了什么吗?input[type="button"]{text-align:center;}我也尝试过input[type=button] 最佳答案 我一直在努力让input[type