草庐IT

webkit-border-radius

全部标签

html - 如何在 `border-*` 属性中使用百分比?

我有使用TwitterBootstrap3的代码,nav和right-arrow,我使用border-*属性创建的。但是如果我在right-arrow中使用很长的文本,它不会展开,如果我使用百分比,代码将无法运行...关于的示例JsFiddle.custom-nav-stacked>li>a{border-radius:2px;}.custom-nav-stacked>li.active>a:after,.custom-nav-stacked>li.active>a:hover:after,.custom-nav-stacked>li.active>a:focus:after{cont

html - WebKit 类 MDC(Mozilla 文档中心)资源?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion玩弄最新的HTML5功能感觉不错,但最终往往会很麻烦,因为标准及其浏览器特定实现不断发展。Mozilla有一个很好的资源-MDNDocCenter,在那里他们不断记录Gecko经历的所有变化。我想知道对于Safari和Chrome,WebKit是否有类似的东西?

javascript - 在 Webkit/Chrome 中检测 HTML5 数字控件更改的事件?

HTML5为我们提供了一些新的输入元素,例如.这呈现(在Chrome中)文本框内有两个循环按钮,用于递增和递减框中的数值。对于个人爱好项目,我正在使用此控件。但是,我遇到了一个问题:有没有办法检测使用javascript事件更改的值?我曾期待onChange事件火了,但没有这样的运气。另外,onClick仅在单击文本框内容时触发,而不是在单击循环按钮时触发。有什么想法吗?(除了:嘿,它是HTML5表单,不要期望任何东西都可以工作!)编辑:正如mikerobi在下面指出的那样,一旦元素失去焦点,onChange事件就会触发。仍然不是我想要的,欢迎提出其他意见和建议!

javascript - HTML5 Canvas : How to border a fillRect?

在HTML5中,我想制作一个fillRect()(填充颜色为白色)和一个border(黑色)。我不想使用strokeRect()除非我以后可以填充它。我正在制作一款游戏,您可以在其中点击方block,它们会改变颜色(比这更复杂,但这正是本文的重点)。varc=document.getElementById("canvas1");varctx=c.getContext("2d");ctx.strokeStyle="rgba(0,0,0,1)";ctx.strokeRect(0,0,100,100);Canvas周围的边框仅供引用。我也可以使用CSS,但目前一切都在HTML中。

html - 使用 Webkit speech api 进行连续语音识别

我开始使用这个浏览器(chrome)功能。我已经基于此编写了一个JS,但问题是,它只识别一次语音就结束了。它不会持续进行,我需要一次又一次地按下按钮才能开始语音识别。告诉我应该在哪里调整。我设置了“recognition.continuous=true”仍然没有帮助?varrecognition=newwebkitSpeechRecognition();recognition.continuous=true;recognition.interimResults=true;recognition.onstart=function(){console.log("Recognitionsta

css - div 上的“border-bottom”出现在顶部? Div 没有环绕文字?

我正在div中创建类似表格的数据View。由于我使用的企业框架,我不得不使用大量内联HTML和CSS。形象化的方式:每一行都有一个容器div(rowContainer),一行中的每一行都包含在一个div(collResult)中。我希望border-bottom元素出现在容器div的底部。在IE中,这工作正常,但在Firefox中,边框不会环绕行,而是看起来与行结果完全不同步。这是我的代码示例:Number1ABCDENAMENONE感谢您的帮助 最佳答案 这是因为你在float内部div,float外部div也可以解决这个问题。当

html - 我可以替换 <table border=1 >' with ` <table >` + css: ` table{...}` 吗?

table{border:1pxsolid#000;}没有border=1似乎无法工作陈述。与更改的方式相同进入input{width:400px;},我想用并仅在css中声明边框。这可能吗?更新我的错误是使用table{border-width:1px;}而不是例如table{border:1pxsolid#000;}--效果很好。 最佳答案 使用这个CSS:table{border-collapse:collapse}td{border:1pxsolid#000}LiveDemoborder-collapse:collapse很

html - 为什么 border-radius 在 MobileSafari 中的文本输入上不能正常工作?

这是一个引用HTML文档:body{background-color:#000;}input{-webkit-border-radius:20px;}border-radius在基于Safari/WebKit的桌面浏览器上呈现良好,但在“MobileSafari”变体,即iPhone和iPad浏览器上,它呈现这个奇怪的框,这破坏了当输入显示在不同颜色的背景上时出现圆Angular错觉。 最佳答案 我设法通过减小边界半径来解决这个问题。该错误似乎只在边框半径大于元素高度的一半时才会出现。所以如果-webkit-border-radiu

html - Webkit 滚动条在选择框中不起作用

在webkit中,滚动条在单值选择框中不起作用,但在多选框中效果很好CSS::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;}::-webkit-scrollbar-track{background-color:transparent;width:6px;}::-webkit-scrollbar-track-piece{background-color:transparent;}::-webkit-scrollbar-thumb{background:nonegreen;width:6px;}HT

javascript - -webkit-backface-visibility 导致内存泄漏?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion我正在开发一个jQuery插件,发现了一些奇怪的问题:-webkit-backface-visibility:hidden属性。我的目标是克隆HTML元素,然后从HTML中完全删除它们。如果我在这些元素上设置了-webkit-backface-visibility:hidden,Chrome仍然会在内存中保留一些节点(检查元素>时间轴>记录内存>查看节点)。Jsfiddlewithoutbackf