Bug 121673 – CSS Media type property is not working when adding type within <style> tag

• Component: CSS
• Status: RESOLVED CONFIGURATION CHANGED

[Sunesh Chekkiyil]

Add the following code in the html and check for the color displayed.

<style type="text/css" media="tv">
		body { background-color:red; }
</style>

The above code doesn't work.


When i try with the below code, it'works.

<style Type= "text/css">
	@media tv {
	body{	
		background-color:red; 
	}
}
</style>

[Sunesh Chekkiyil]

Created attachment 212153 [details]
Test Case

[Sunesh Chekkiyil]

Any Update on this issue?

[Abhijeet Kandalkar]

Could you please let me know, on which platform and browser you have tested

[Sunesh Chekkiyil]

I tested in QT webkit.

[Sunesh Chekkiyil]

If i use something like below, 

<style type="text/css" media="">
body { background-color:blue; }
</style>

with other three style tags for TV,screen,print as like in the attached test app, this executes the output for media="", doesn't check it's tv or screen. You can add this above code with the attached Test case application and try in Chrome also.

[Ahmad Saleem]

All browsers (Chrome Canary 106, Firefox Nightly 105, Safari 15.6.1 and Safari Technology Preview 151) show "Red" for the attached test case and all browsers are matching with each other. I am going to mark this as "RESOLVED CONFIGURATION CHANGED".

Please reopen, if I am wrong. Thanks!