Tag: html

如何更改select框箭头: 我需要你的帮助。我似乎无法把我的头围绕在这一个，并找出答案。如何在select框中更改默认的Windows 7，IE 10默认箭头：使其看起来像这样，使用下面的自定义箭头：。这是我希望使用的箭头：这是我的HTML标记： <!DOCTYPE html> <html> <head> <style type="text/css"> select { font: normal 13px Arial; color: #000;} .container { border: 1px solid red; position: relative; width: 124px; height: 18px; overflow: hidden; } .inpSelect { color: black; background: #ffa; position: absolute; width: 128px; top: -2px; left: -2px; } </style> <script […]

设置内联元素的宽度: 您可以设置内联元素的宽度，例如<span> ， <em>和<strong> ，但是在定位它们之前您不会注意到任何效果。一）我认为内联元素的宽度不能设置？ b）假设宽度可以设置 – 我们不会注意到任何效果（因此我们指定的宽度），直到我们定位内联元素。位置如何/在哪里？ c）为什么内联元素的宽度只有在我们“定位”时才显现出来？

是否有可能把二进制图像数据到HTML标记，然后在任何浏览器像平常一样显示图像？: 这是一个重要的安全问题，我相信这应该是可能的。一个简单的例子：你运行一个社区门户。用户已经注册并上传他们的照片。只要允许显示图片，应用程序就会提供安全规则。例如，用户必须是系统各方的朋友，以便您可以查看其他人上传的图片。问题在于：有人可能会爬取您的服务器的图像目录。但是你想保护你的用户免受这种攻击。如果可以将图像的二进制数据直接放入HTML标记中，则可以限制用户对图像目录的访问权限，并将您的Web应用程序运行分组，并将图像数据直接传递给Apache用户和组HTML。唯一可能的弱点就是你的web应用运行的用户的密码。有没有可能？

Recaptcha在页面上创buildiFrame，打破样式: Recaptcha在我的网站（包括下面的代码）的顶部添加了一个“这个框架可以防止Safari中的后退/前进caching问题”的iFrame，这推动了20-30px（大约）的样式。如果我设置display: none; 到Firebug中的元素，它解决了这个问题。有谁知道为什么这个元素有一个高度（我没有CSS适用于iFrames）？或者如何设置显示：无; 在上面？ <iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "> This frame prevents back/forward cache problems in Safari. </iframe>

CSS列中断？: 我一直在尝试CSS列，但我不能rest工作。到目前为止，这里是CSS： #container { width: 500px; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } h1 { break-after: always; -moz-column-break-after: always; -webkit-column-break-after: always; } 这里是相关的HTML： <div id="container"> <h1>The header of the first column</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Maecenas interdum mattis leo, id vehicula sapien ultricies et.</p> <p>Donec orci nunc, rhoncus ut convallis a, […]

表的边界半径不起作用: 我想在整个表格中添加一个边框半径。但是下面的代码在最新版本的Firefox和Google Chrome中都不起作用。 HTML <table class="bordered"> <thead> <tr> <th><label>Labels</label></th> <th><label>Labels</label></th> <th><label>Labels</label></th> <th><label>Labels</label></th> <th><label>Labels</label></th> </tr> </thead> <tbody> <tr> <td><label>Value</label></td> <td><label>Value</label></td> <td><label>Value</label></td> <td><label>Value</label></td> <td><label>Value</label></td> </tr> </tbody> </table> CSS table { border-spacing: 0; width: 600px; margin: 30px; border: 1px solid #CCCCCC; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 […]

任何方式来同步表格列宽度与HTML + CSS？: 我有一些表的列相同，如果他们共享相同的列宽，它会看起来好多了。这样的事情可能吗？把它们放在同一个表格中，一些没有边界的行是不可行的。编辑：是的，我知道我可以自己修复宽度，但我希望能够配合浏览器的列宽度algorithm，但只是将两个或更多的表格绑在一起做这种布局的目的。我不认为这样的事情是可能的，但我想我会检查以防万一。

如何确定用户是否selectfile upload文件？: 如果我有一个 <input id="uploadFile" type="file" /> 标签和一个提交button，我如何确定，在IE6（及以上）如果一个文件已经被用户select。在FF中，我只是这样做的： var selected = document.getElementById("uploadBox").files.length > 0; 但是这在IE中不起作用。