I'm hardcode to all width for search input but does'nt work

I'm hardcode to all width for search input but does'nt work

BBOngBBOng Posts: 3Questions: 1Answers: 0

This is code i use

<style>
.dataTables_info,
.dataTables_length {
font-size: 15px;
}

.dataTables_filter input {
    width: 400px;
}

.dataTables_wrapper {
    font-size: 15px;
}

<style>

all css working only .dataTables_filter input not working well

Images

Answers

  • colincolin Posts: 15,143Questions: 1Answers: 2,586

    We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

  • BBOngBBOng Posts: 3Questions: 1Answers: 0

    http://live.datatables.net/xegozeme/1/edit

    check i add the .dataTables_filter input {
    width: 400px;
    }

  • colincolin Posts: 15,143Questions: 1Answers: 2,586
    edited February 2020

    You had .dataTables-filter, and not .dataTables_filter - note the dash and underscore.

    It seems to be working here with that change.

    Colin

  • BBOngBBOng Posts: 3Questions: 1Answers: 0

    1
    This Is UI

    2
    This is My inspector

    3
    This is My CSS

    Sorry for my mistake code .dataTables-filter but my <style> is using .dataTables_filter input .. dont know why not working :'(

  • colincolin Posts: 15,143Questions: 1Answers: 2,586

    OK, can you update my example that was working to demonstrate the issue, please.

    Colin

This discussion has been closed.