how to create css background effect in extjs4.0 application(on selection)

Tags: css,extjs4,mouseover

Problem :

i am creating a application on extjs4

i wanted to attain the css selection mouse hover property on the textfields and combo box,the effect where.. background color can change on overcls in extjs

please help if you can't understand my question i will post it again!


Solution :

Here is how to do it:

  1. On your field config add your custom css class like this: fieldCls: 'required'
  2. Create your custom CSS class like this:

    .required:hover { background-image:none; background-color:#FFFFCC; }

  3. Include your custom css file on the page

    CSS Howto..

    How to set css via jquery for preventing some action

    how to create this css?

    Text and image in div - How to align correctly?

    How to “reset” a DOM subtree's CSS style?

    how to stop centered css dropdown menu from twitching (chrome only)

    How do I get my link background to go beneath it during hover?

    How to make gridview and cells bigger?

    How can I put three elements in the same column, with the first on top, second and third in the center of the remaining space, using Flexbox?

    How to style LI to show quotes in a ticker

    How to make an empty div or container glow with pure CSS?

    jQuery glowing animations : how to improve?

    Vertical alignment in css of multiple elements (How to achieve this layout)

    How to test file size on rspec (Rails 4/rspec3)

    How do I change the function of a button when the window size changes?

    How to set all CSS values to their default? [duplicate]

    CSS how do you stretch to fit and maintain the aspect ratio?

    How to view embedded image in a CSS file

    Tab menu in CSS - how to set an active tab

    How do I get the name of div a user must click to appear in a text div?

    CSS Layout. Can not get idea how to fix it

    How to locate a pointed div element in css

    CSS: How do I prevent the background color of div from going behind the image it is sitting above?

    how to show the hidden div with same properties css with jquery

    How to fade text out vertically, similar to Amazon's product descriptions

    How to morph a plus sign to a minus sign using css transition?

    CSS 3D containers like shown in post

    Outlines and Borders not showing at all in IE

    Hover img to show an absolutely positioned div isn't working

    Including loads of css files and Javascript file - how do I optimize

    How to change style of a table in a chrome extension?