How to add "type='text/css'" For CSS In AssetBundle - Yii2

Question

I'm using My AppAsset Like This Way.

AppAsset.php

<?php
namespace app\assets;
use yii\web\AssetBundle;

class AppAsset extends AssetBundle
{
  public $basePath = '@webroot';
  public $baseUrl = '@web';
  public $css = [
    'css/style.css',
  ];
  public $js = [
    'js/myscript.js',

  ];

  public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',
    'yii\web\JqueryAsset',
  ];
}

But, when I press Ctrl + U to see source code,

I get <link href="/css/style.css" rel="stylesheet">. But, no type='text/css'.

How to add type='text/css' for all of my CSS?

Why do you want to? That's the default for links with rel=stylesheet. — Quentin
– Quentin, Commented Jul 2, 2016 at 9:35
Hi @Quentin : rel and type is 2 different properties for <link>. And, I'm getting rel by default. Then, why don't I get type property. Because, few design issues are there. Which HTML developer told me because of not having type. — Nana Partykar
– Nana Partykar, Commented Jul 2, 2016 at 9:39
I know the are different. The point is that the type attribute is optional, and if you omit it and specify rel=stylesheet then browsers will default to text/css. Your HTML developer is wrong. Adding a type attribute won't make any difference. — Quentin
– Quentin, Commented Jul 2, 2016 at 9:41
what about $cssOptions = array('type'=>'text/css'); .. never used Yii, but it can be found on their Docs — moped
– moped, Commented Jul 2, 2016 at 9:43

Nana Partykar · Accepted Answer · 2016-07-02 09:55:43Z

5

@Moped Answered It :

what about $cssOptions = array('type'=>'text/css'); .. never used Yii, but it can be found on their Docs

We can use $cssOptions to add property for CSS.

public $css = [
    'css/style.css',
];

public $cssOptions = ['type'=>'text/css'];  

public $js = [
   'js/myscript.js',    
];

And, @Quentin is too correct:

The point is that the type attribute is optional, and if you omit it and specify rel=stylesheet then browsers will default to text/css. Adding a type attribute won't make any difference.

Because after adding $cssOptions, though link look like <link type="text/css" href="/css/style.css" rel="stylesheet">. But, it didn't made any difference to CSS.

answered Jul 2, 2016 at 9:55

Nana Partykar

10.5k10 gold badges50 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

moped Over a year ago

you're welcome, this is what I call 55+ points out of the window :D

FIL · Accepted Answer · 2021-09-28 07:37:36Z

0

This is how you can set options for a specific style:

public $css = [
    ['css/style.css', 'rel' => 'text/css'],
    ['css/style-2.css', 'rel' => '...'],
    'css/style-3.css',
];

answered Sep 28, 2021 at 7:37

FIL

1

Collectives™ on Stack Overflow

How to add "type='text/css'" For CSS In AssetBundle - Yii2

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related