Standard input not loading correctly mui#39157 Fixed this issue

NmN03jain · Oct 1, 2023 · b2ae353 · b2ae353
1 parent ed315c5
commit b2ae353
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/docs/data/material/components/text-fields/BasicTextFields.js b/docs/data/material/components/text-fields/BasicTextFields.js
@@ -13,8 +13,27 @@ export default function BasicTextFields() {
       autoComplete="off"
     >
       <TextField id="outlined-basic" label="Outlined" variant="outlined" />
-      <TextField id="filled-basic" label="Filled" variant="filled" />
-      <TextField id="standard-basic" label="Standard" variant="standard" />
+      <TextField
+        id="filled-basic"
+        label="Filled"
+        variant="filled"
+        sx={{ // Add custom styles for the filled variant
+          '& .MuiFilledInput-root': {
+            backgroundColor: 'inherit', // Set the background color to inherit
+          },
+        }}
+      />
+      <TextField
+        id="standard-basic"
+        label="Standard"
+        variant="standard"
+        sx={{ // Add custom styles for the standard variant
+          '& .MuiInputBase-root': {
+            border: '1px solid #e0e0e0', // Set the border for the standard variant
+          },
+        }}
+      />
     </Box>
   );
 }
+