小编thi*_*dot的帖子

隐藏div中的滚动条

有没有办法使用CSS隐藏滚动条,同时仍然保持其功能?甚至使它透明或背景的相同颜色将是好的.我必须在JavaScript中执行此操作吗?

javascript css

8
推荐指数
2
解决办法
2万
查看次数

如何完全覆盖Chromium禁用的输入字段颜色?

示例:http://jsfiddle.net/wCFBw/25/

input {
    color: black;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" value="This is black" />
<input type="text" disabled="disabled" value="Why this is not black?" />
Run Code Online (Sandbox Code Playgroud)

html css w3c google-chrome chromium

8
推荐指数
1
解决办法
1万
查看次数

右对齐链接

我现在在http://beta.ovoweb.net/上有一些菜单链接(在蓝色区域).现在我想要一个右对齐的链接,所以其他的左对齐.我试过了,但那没用.我怎样才能使这个工作?

html css alignment hyperlink

8
推荐指数
2
解决办法
8万
查看次数

覆盖firefox forms.css

我有一个问题造型html <select>元素.

在解决之后,我发现firefox总是在每个页面加载时使用forms.css覆盖css的问题.

我的问题是如何在我的页面中覆盖firefox默认css?

html css firefox

7
推荐指数
1
解决办法
2256
查看次数

HTML5 DOCTYPE会影响CSS3效果的呈现方式吗?

如果将doctype定义为,则如何呈现css3效果(例如动画)有什么不同

<!DOCTYPE html> (HTML5)

或者说我们说共同点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Run Code Online (Sandbox Code Playgroud)

不同的doctypes如何影响css渲染(除了运行怪异模式,知道渲染方式不同)?

样品赞赏.

html css html5 doctype css3

7
推荐指数
1
解决办法
6495
查看次数

隐藏元素中的.fadeOut() - 可能的bug?

给出以下代码:

<div class='hotel_photo_select'>
    Hello
</div>

<div class='itsHidden' style='display:none'>
    <div class='hotel_photo_select'>
        Hello
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

和:

$('.hotel_photo_select').fadeOut(300);
$('.itsHidden').show();
Run Code Online (Sandbox Code Playgroud)

我希望两个.hotel_photo_selectdiv都被隐藏起来.但是,当我显示容器时,第二个不会被隐藏.

这是一个jQuery错误吗?在fadeOut()之后,每个元素都应该被隐藏.

我认为唯一的解决方案是:

$('.hotel_photo_select').fadeOut(300, function () {
    $(this).hide();
});
$('.itsHidden').show();
Run Code Online (Sandbox Code Playgroud)

我发现它不够优雅.

html css jquery

7
推荐指数
2
解决办法
1057
查看次数

如何创建3柱流体固定流体布局?

我正在寻找一个3列css布局,中间有1个固定部分,周围有2个流体侧边栏:

http://www.uploadup.com/di-UEFI.png

中间宽度为250px(例如),侧边栏(最小)宽度为150px.如果浏览器宽度超过550px(250 + 300),则侧边栏应具有更长的宽度.(中间总是250px)

什么是CSS可以做到的?兼容所有浏览器.

注意:我看到了这个页面,但我不知道如何改变它以满足我的愿望

html css

7
推荐指数
1
解决办法
2677
查看次数

CSS选择最近的后代?

使用CSS,有没有办法选择与某个选择器匹配的元素最近的后代?

<div class="foo"> <!-- if we're inside this -->
  <div>
    <br />
    <div class="bar"> <!-- match this -->
      <div class="bar"> <!-- but not this -->
        <div class="bar"> <!-- or this -->
        </div>
      </div>
    </div>
    <div class="bar"> <!-- I don't really care whether we match this -->
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

也就是说,可以.bar在任何内容中选择第一个.foo(无论中间有多少个子元素或兄弟元素),而不是第二个或第三个元素.bar.

css css-selectors

7
推荐指数
1
解决办法
2万
查看次数

CSS3 scale()导致div变为像素化

我注意到,当动画CSS3时,scale()它似乎像素化了它所使用的每个元素.

示例:http://jsfiddle.net/PD7Vh/2/

在上面的示例中,scale()当您将鼠标悬停在中心div上时,将像素化为像素化.

我的css设置是错误的,还是这scale()自然是什么?

以下是Windows 7上Chrome的屏幕截图:

css webkit css3

7
推荐指数
1
解决办法
4543
查看次数

从 ag-grid 复制并选择文本

我在我的项目中使用 Ag-grid。走了很远之后,我才知道网格用户无法选择的文本。是否有任何帮助我可以从网格中选择和复制文本,或者我需要更改为不同的插件。我无法返回到不同的 UI 插件,也无法购买 Ag-grid。需要为此找出一些代码技巧。我试过下面的 hack 但没有用。

import {Directive, EventEmitter, Output} from '@angular/core';
import {AgGridNg2} from 'ag-grid-angular';
import {GridApi} from 'ag-grid';

@Directive({
    selector: '[gridRangeRowSelection]',
})

export class AgGridSelectionDirective {

    @Output('gridRangeRowSelection') onChangeEvent = new EventEmitter();

    constructor(grid: AgGridNg2) {
        grid.rangeSelectionChanged.subscribe(event => {
            const api: GridApi = event.api;
            // deselect previous rows
            this.clearPreviousSelections(api);

            const selectedRows = this.getSelectedRows(api);

            this.onChangeEvent.emit({rows: selectedRows});
        });
    }

    public getSelectedRows(api: GridApi) {
        // get all range selections (ctrl+click/drag for multiple selections)
        const rangeSelections = api.getRangeSelections();
        const selectedRows = rangeSelections ? …
Run Code Online (Sandbox Code Playgroud)

javascript ag-grid angular

7
推荐指数
2
解决办法
8796
查看次数