Question

8

CSS box-shadow in jQuery .css()

rated 0 times [ 10] [ 2] / answers: 1 / hits: 45163 / 12 Years ago, sat, january 12, 2013, 12:00:00

Firefox 18 does not seem to recognize the -moz-box-shadow or the box-shadow CSS attribute.

If I use border-color, everything works fine.

$($this).hover(

    function () {

        //$(this).css('border-color', '#ff0');

        $(this).css('box-shadow', '10px', '10px', '5px', '#888');

        //$(this).css('-moz-box-shadow', '10px', '10px', '5px', '#888');

    }, function () {

        $(this).css('border-color', '');

        //$(this).css('border-width', '');

    }

);

What am I doing wrong?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

janettejordynm

Add To Favorites

Follow

Total Points: 550

Total Questions: 94

Total Answers: 98

Location: Senegal

Member since Fri, Aug 21, 2020

4 Years ago

janettejordynm questions

1 Chunk file upload with axios

Tue, Nov 24, 20, 00:00, 4 Years ago

1 Node unable to find module alias defined in tsconfig and package.json

Thu, Jun 18, 20, 00:00, 4 Years ago

1 How to check if an entered answer is correct with HTML code?

Sat, May 23, 20, 00:00, 4 Years ago

1 Can someone explain this piece of Javascript code?

Mon, Apr 6, 20, 00:00, 4 Years ago

1 AES Encryption/Decryption in Node JS similar to Java

Tue, Feb 18, 20, 00:00, 4 Years ago

View All

answered 12 Years ago julissaimana · Accepted Answer

You need to make the arguments into one string literal. The value parameter of the css(property name, value) function is one argument.

 $(this).css('box-shadow', '10px 10px 5px #888');