How i change the dataTables_filter css class


Tags: jquery,css,datatables

Problem :

i'm develop a web page in asp and i use the DataTable plugin. I want change the style in the dataTables_filter class, but i don't find this .css class and i don't know how do it.

<div class="dataTables_filter" id="tabla_reserva_filter" style=""></div>

I would like to find .css and to modify the style.

Thanks,

Best regards.

O. Melián.



Solution :

If you look at the css file for jQuery DataTables on GitHub (as of May 27th, 2013), you will note that lines 61-67 have the css class name in question.

https://github.com/DataTables/DataTables/blob/master/media/css/jquery.dataTables.css#L61-67

/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}

But rather than attempting to change the source .css file, you might also consider writing your own css rule that overrides whatever properties you see fit in a stylesheet that comes after the datatables default css.


    CSS Howto..

    How to click an element by innerthtml using CSS selectors in Selenium

    How to apply CSS changes for the last

    element of the 3rd div class span8

    how to remove small space that only appear in iphone browser

    why will my border not show?

    How to make a jQuery script and CSS responsive?

    How to get a heading to scale with a image and keep spacing ratio html/css

    How do I use CSS to add a non-rectangular border around an image?

    How to center absolute position element in my case

    HTML+CSS: How to add shadow (as image) to image?

    how to create circle that cut off one piece with css

    How to make a dynamic html form using css and js

    How to get a css property of an externally styled element with javascript

    how to position images in even positions

    How to remove an empty line between two navbars

    CSS how to change text color of disabled option inside a select?

    How to display line items in twos?

    How can I change opacity of an image in css without disturbing the overwritten text's opacity

    How am I supposed to address elements that are not a direct child of a given element in CSS?

    How to make a background text appear under youtube video?

    How do I create a navigation system like that of Lowes.com [closed]

    How to set image in horizontal center of DIV to fill page width?

    transition ease-out, right to left, how?

    How do I style just the thumbnail image in this post?

    Getting a resolution error on Chrome and Firefox for C9 app. Not sure how to resolve

    how to change a css of an input if the value of it is not empty in angularJS

    How to get length of elements with a certain css attribute?

    How to style form submit button in CSS?

    Create template page for showing jpg's from direct links [closed]

    Confusion as to how clearfix actually works

    How to increase spacing between lines in CSS?