Exploring Vue's single file components and experimenting with the iView UI framework. Here is a snippet of code I am working with:
<template>
<div>
<i-input class="cred"/>
</div>
</template>
I want to adjust the width of my input field. To test this, I tried the following:
<style scoped>
input {
width: 10px;
}
</style>
Unfortunately, the style change did not take effect. I also attempted targeting i-input without success.
<style scoped>
.cred {
width: 10px;
}
</style>
Using the above selector produced the desired result.
What CSS selector should I use for this situation?