I am trying to add border color to lightning-input lwc componenet. First when i tried the below css
<template>
<template for:each={test} for:item="f">
<lightning-input style="border: 3px solid red"
value="test" key={f.Id} data-id={f.Id} variant="label-inline" label="test" title="test">
</lightning-input>
</template>
<button class="slds-button slds-button_brand">Submit</button></div>
</template>
The issue here is i want the border to be exact on the input not around it. Please let me know how it is possible for lightning-input lwc