How do you define attribute selectors in SASS?

Question

In CSS, you can do this:

input[type=submit] {
  // properties
}

It's a very useful for styling form buttons.

How do you do the same thing in SASS?

Solution 1

You can also nest it like this

input
  &[type="submit"]
    .... 
  &[type="search"]
    .... 

Solution 2

This converter website says:

input[type=submit]
  // properties

Comments

[Jasper Kennis]

I like this approach a lot since you'd often do this kind of thing to serve the right image from a sprite, in a toolbar or set of social links.

[Terry Lin]

Adding double quote doesn't work. This shouldn't be correct answer.

[user3260487]

&[type='submit']

[Marcelo Velasquez]

The link is Broken

[Alexander Ryan Baggett]

Can someone put out a FULL and complete correct answer including some values being set?