javascript

java

python

c#

android

node.js

reactjs

c++

php

html

jquery

css

git

.net

ios

ruby-on-rails

sql

c

string

ruby

CSS-Firefox 4必填的输入形式为红色边框/轮廓

我最近开发了一个HTML5 jQuery插件,但在删除FF4 beta必填字段中的红色边框时遇到了麻烦。

我注意到FF在必填字段中应用了此边框/轮廓,并在设置了值时将其删除。 问题是我正在使用value属性来模拟旧版浏览器中的占位符attr。 因此,我需要具有此功能的所有输入都不要显示红线。

您可以在此插件的演示页面上看到问题

trans by 2019-11-18T23:43:17Z

CSS-用Divs替换HTML表

好吧,我试图接受这样的想法,即不应使用html表,而应使用div。 但是,我经常有类似于以下内容的代码

<table>
    <tr>
        <td>First Name:</td>
        <td colspan="2"><input  id="txtFirstName"/></td>
    </tr>
    <tr>
        <td>Last Name:</td>
        <td colspan="2"><input  type="text" id="txtLastName"/></td>
    </tr>
    <tr>
        <td>Address:</td>
        <td>
            <select type="text" id="ddlState">
                <option value="NY">NY</option>
                <option value="CA">CA</option>
            </select>
        </td>
        <td>
            <select type="text" id="ddlCountry">
                <option value="NY">USA</option>
                <option value="CA">CAN</option>
            </select>
        </td>
    </tr>
</table>

我希望标签对齐并且我希望控件对齐。 不使用表格怎么办?

trans by 2019-11-18T16:37:44Z

html-如何隐藏表行溢出?

我有一些HTML表格,其中文本数据太大而无法容纳。 因此,它可以垂直扩展单元格以适应此情况。 因此,现在发生溢出的行的高度是数据量较小的行的两倍。 这是无法接受的。 如何强制表格具有相同的行高1em

这是一些重现该问题的标记。 表格仅应为一行的高度,并隐藏溢出的文字。

<!DOCTYPE html>

<html>
  <head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
      table { width:250px; }
      table tr { height:1em; overflow:hidden; }
    </style>
  </head>
  <body>
    <table border="1">
      <tr>
        <td>This is a test.</td>
        <td>Do you see what I mean?</td>
        <td>I hate this overflow.</td>
      </tr>
    </table>
  </body>
</html>
trans by 2019-11-18T11:31:03Z

CSS-如何创建div以填充页眉和页脚di之间的所有空间

我正在努力从使用表格进行布局过渡到使用div(是的,是的,是伟大的辩论)。 我有3个div,页眉,内容和页脚。 页眉和页脚各为50px。 如何使页脚div停留在页面底部,而内容div填充两者之间的空间? 我不想硬编码内容div的高度,因为屏幕分辨率会改变。

trans by 2019-11-18T04:26:28Z

CSS-Div表单元格垂直对齐不起作用

我试图使用DIV简单地将文本水平和垂直居中,并将显示类型作为表格单元格显示,但在IE8或Firefox中均不起作用。

下面是我正在使用的CSS,这就是html页面中的全部内容。

@charset "utf-8";
/* CSS Document */
html, body
{
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}
div.Main
{
    background-color:#FFFFFF;
    border-collapse:collapse;
    width:800px;
    margin-left:auto;
    margin-right:auto;
}
div.MainHeader
{
    color:#C00000;
    font-size:18pt;
    font-weight:bold;
    text-align:center;
    width:800px;
}
div.BlackBox
{
    background-color:#000000;
    color:#FFFF00;
    display:table-cell;
    float:left;
    font-size:18pt;
    font-weight:bold;
    height:191px;
    text-align:center;
    vertical-align:middle;
    width:630px;
}
div.BlackBoxPicture
{
    background-color:#000000;
    float:right;
    height:191px;
    margin-top:auto;
    margin-bottom:auto;
    text-align:right;
    vertical-align:bottom;
    width:170px;
}

我究竟做错了什么?

trans by 2019-11-18T00:57:47Z

css3-使用C偷工减料

我想“削减” div的左上角,就像您将页面的角向下折叠一样。

我想用纯CSS做到这一点,有什么方法吗?

trans by 2019-11-17T22:16:40Z

css-按下<button> s

我想创建一个<button>Button</button>,当按下它时会更改其样式。 这是我的CSS代码:

<button>Button</button>
<button>Button</button>

仅当我单击并按住它时,它才会更改。 我想使其按下后更改样式。 例如,正常状态将为白色,被单击时的状态将为绿色,而释放单击后的状态将为红色。

trans by 2019-11-17T17:41:00Z

CSS-Div即使内部包含内容也不会扩展

我彼此之间有一堆div,所有div都有一个仅指定CSS的ID。

但是由于某种原因,周围的DIV标签只会扩展到其受膏的高度值,而不是默认的auto值,这意味着尽管内容在内部,但支持的DIV只是特定的高度。 我需要它来调整高度以适应其中任何内容的大小(因为用户提交的数据可能在500多个单词的段落中被回显。)

<div id="albumhold">
  <div id="albumpic">Pic here</div>
  <div id="infohold">
    <div id="albumhead">Name | Date</div>
    <div id="albuminfo">Information</div>
  </div>
</div>
<div id="albumhold">
  <div id="albumpic">Pic here</div>
  <div id="infohold">
    <div id="albumhead">Name | Date</div>
    <div id="albuminfo">Information</div>
  </div>
</div>

非常感谢您的帮助。

trans by 2019-11-17T14:37:45Z

使用C强制HTML textarea使用等宽字体

如何使我的文本区域使用等宽字体?

trans by 2019-11-17T14:33:06Z

每个子元素都有延迟的CSS动画

我试图通过将动画应用于每个子元素来创建级联效果。 我想知道是否有比这更好的方法:

.myClass img:nth-child(1){
    -webkit-animation: myAnimation 0.9s linear forwards;
}
.myClass img:nth-child(2){
    -webkit-animation: myAnimation 0.9s linear 0.1s forwards;
}
.myClass img:nth-child(3){
    -webkit-animation: myAnimation 0.9s linear 0.2s forwards;
}
.myClass img:nth-child(4){
    -webkit-animation: myAnimation 0.9s linear 0.3s forwards;
}
.myClass img:nth-child(5){
    -webkit-animation: myAnimation 0.9s linear 0.4s forwards;
}

等等...所以基本上,我希望每个孩子都有一个动画开始,但要有一个延迟。感谢您的输入!

另外:也许我没有正确解释我所关注的问题:这与我有多少孩子无关。 如何执行此操作而不必写下每个孩子的属性……例如,当我不知道会有多少个孩子时。

trans by 2019-11-17T08:40:37Z

我可以从打印CSS中删除URL,以便不打印网址吗?

我已经写了一些样式表-包括一个print.css-并且工作正常。

我想从打印出来的每个页面上删除该URL。 我开始怀疑这是否不可能。 有没有可以设置为显示的元素/选项:无此操作?

原因是具有“正常”和“打印”样式表的特定页面已经过特殊格式设置,因此在打印时会形成有意义的小册子。 因此,URL是无关紧要的。

trans by 2019-11-17T08:07:48Z

CSS Performance Profiler?

我目前在一个网站上工作,在我的大量样式表中的某处,某些内容正在破坏IE的性能。 有没有好的CSS分析器? 我想要一个可以查明影响性能的规则的工具。

在您问之前,我已经禁用了JavaScript,不透明度和框阴影/文本阴影规则。 页面仍然跳动。 :/如果禁用所有CSS,它将运行得很好。

我需要一个可以剖析页面并报告CSS瓶颈所在的工具。

trans by 2019-11-17T06:36:00Z

javascript-可编辑的单行输入

对于我们在我工作的公司正在开发的应用程序,我们需要一个支持在基于JS的Web应用程序中插入图释的输入。 我们目前正在使用带有表情符号短代码(即':-)')的输入,并希望切换为插入实际的图形图像。

我们最初的计划是使用overflow: hidden<div>。我们将侦听器用于粘贴事件以及不同的键/鼠标交互,以确保没有多余的标记进入contenteditable(我们将文本从其容器标签中删除,仅保留图像标签) 我们自己插入)。

但是,现在的问题是,如果您放入足够的内容(即其高度增加),则div会重新调整大小。 我们不希望发生这种情况,也不希望仅隐藏文本(即纯文本overflow: hidden)。 所以:

有没有办法使contenteditable div表现得像单行输入?

如果有一个我想念的相对简单的attribute / css属性可以满足我的要求,那么我将是最好的选择,但是如果有必要,CSS + JS的建议也将受到赞赏。

trans by 2019-11-16T21:15:26Z

CSS-使用wkhtmltopdf从HTML生成Google Web字体和PDF

我正在使用wkhtmltopdf将PDF文件转换为HTML文件; 它提供了令人惊讶的良好结果,完全像WebKit那样呈现PDF。

我正在使用Google Web字体使用户可以自定义他们编辑的文档的外观,从而使他们可以在几种字体之间进行选择。 它也可以在浏览器中完美运行。

问题是,使用wkhtmltopdf将此类HTML文件转换为PDF时,我无法使用Google字体。 我读过其他人也有同样的问题。

谁能帮我解决这个问题?

编辑:直接在CSS中声明@ font-face也不起作用。

trans by 2019-11-16T20:50:43Z

CSS-如何选择类别“ A”而不是类别“ B”的div?

我有一些股利:

<div class="A">"Target"</div>
<div class="A B">"NotMyTarget"</div>
<div class="A C">"NotMyTarget"</div>
<div class="A D">"NotMyTarget"</div>
<div class="A E">"NotMyTarget"</div>

是否有CSS选择器可让我将包含2616899861945517017056的div而不是包含2616899861945517017057的divs的我?

解决方案必须适用于IE7,IE8,Safari,Chrome和Firefox

编辑:到目前为止,尼克是最接近的。 这很笨拙,我不喜欢该解决方案,但至少它能起作用:

.A
{
   /* style that all divs will take */
}
div.B 
{
  /* style that will override style .A */
}
trans by 2019-11-16T15:12:02Z

css-在元素中隐藏文本节点,但不隐藏子节点

我在CSS上遇到了一些麻烦,似乎找不到解决方案。 我有这个HTML

<div id="closelink">
  <a href="">Close</a>
  Click to close
</div>

现在,我只想隐藏文本“单击关闭”,而不隐藏div或其中的链接。

能做到吗?

trans by 2019-11-16T10:40:09Z

html-在<table>中使等宽的列

如何使等宽的列进入?

动态更改列数。

今天我有13列。 明天将比赛16。所有人都不想重新计算。

trans by 2019-11-16T07:51:42Z

CSS3-如何使用CSS选择前2个<li>元素

嗨,我想对与第一个li元素相邻的前两个元素(一个,两个)应用css。

<div class="one">
    <ul>
        <p>
            <li>One</li>
            <li>Two</li>
        <p>
        <li>Four</li>
        <li>Five</li>
    </ul>
</div>

将其应用于所有4个li元素之后

.one ul p:nth-child(odd) ~ li {
    background: lightsteelblue;
}
trans by 2019-11-16T07:27:56Z

CSS-如何在计算中使用手写笔变量?

在手写笔中,如何在calc表达式中使用变量?

例如,以下操作不起作用(arrow-size是变量):

arrow-size = 5px
left calc(50% - arrow-size)
trans by 2019-11-15T22:04:43Z

html-在ci中创建三个垂直点(省略号)

我想做一个圆圈<div class="discussion"></div>,像这样的图片:

here is the image

我已经尝试过此代码。

<div class="discussion"></div>
<div class="discussion"></div>

如何正确执行此操作?

trans by 2019-11-15T20:27:53Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共104页