diff --git a/packages/uniwind/src/components/web/Image.tsx b/packages/uniwind/src/components/web/Image.tsx
index 52d13149..ef939043 100644
--- a/packages/uniwind/src/components/web/Image.tsx
+++ b/packages/uniwind/src/components/web/Image.tsx
@@ -1,15 +1,22 @@
 import { Image as RNImage, ImageProps } from 'react-native'
-import { useUniwindAccent } from '../../hooks'
+import { useResolveClassNames, useUniwindAccent } from '../../hooks'
 import { copyComponentProperties } from '../utils'
 import { toRNWClassName } from './rnw'
 
 export const Image = copyComponentProperties(RNImage, (props: ImageProps) => {
     const tintColor = useUniwindAccent(props.tintColorClassName)
+    const styles = useResolveClassNames(props.className ?? '')
+    const isUsingWidth = styles.width !== undefined
+    const isUsingHeight = styles.height !== undefined
+    const styleReset = {
+        width: isUsingWidth ? '' : undefined,
+        height: isUsingHeight ? '' : undefined,
+    }
 
     return (
         <RNImage
             {...props}
-            style={[toRNWClassName(props.className), props.style]}
+            style={[toRNWClassName(props.className), styleReset, props.style]}
             tintColor={props.tintColor ?? tintColor}
         />
     )
diff --git a/packages/uniwind/src/components/web/TextInput.tsx b/packages/uniwind/src/components/web/TextInput.tsx
index 8175ae29..58c87ecc 100644
--- a/packages/uniwind/src/components/web/TextInput.tsx
+++ b/packages/uniwind/src/components/web/TextInput.tsx
@@ -1,12 +1,16 @@
 import { TextInput as RNTextInput, TextInputProps } from 'react-native'
+import { useUniwindAccent } from '../../hooks'
 import { copyComponentProperties } from '../utils'
 import { toRNWClassName } from './rnw'
 
 export const TextInput = copyComponentProperties(RNTextInput, (props: TextInputProps) => {
+    const placeholderTextColor = useUniwindAccent(props.placeholderTextColorClassName)
+
     return (
         <RNTextInput
             {...props}
             style={[toRNWClassName(props.className), props.style]}
+            placeholderTextColor={props.placeholderTextColor ?? placeholderTextColor}
         />
     )
 })
diff --git a/packages/uniwind/src/css/index.ts b/packages/uniwind/src/css/index.ts
index 20b6c7ff..bb95ec92 100644
--- a/packages/uniwind/src/css/index.ts
+++ b/packages/uniwind/src/css/index.ts
@@ -1,6 +1,7 @@
 import fs from 'fs'
 import path from 'path'
 import { generateCSSForInsets } from './insets'
+import { overwrite } from './overwrite'
 import { generateCSSForThemes } from './themes'
 import { generateCSSForVariants } from './variants'
 
@@ -18,6 +19,7 @@ export const buildCSS = async (themes: Array<string>, input: string) => {
     const newCssFile = [
         variants,
         insets,
+        overwrite,
         themesCSS,
     ].join('\n')
 
diff --git a/packages/uniwind/src/css/overwrite.ts b/packages/uniwind/src/css/overwrite.ts
new file mode 100644
index 00000000..50ceb050
--- /dev/null
+++ b/packages/uniwind/src/css/overwrite.ts
@@ -0,0 +1,16 @@
+const overwriteDisabled = `@custom-variant disabled {
+    &:disabled {
+        @slot;
+    }
+
+    &[aria-disabled="true"] {
+        @slot;
+    }
+
+    &[readonly] {
+        @slot;
+    }
+}
+`
+
+export const overwrite = overwriteDisabled
diff --git a/packages/uniwind/src/metro/processor/processor.ts b/packages/uniwind/src/metro/processor/processor.ts
index a29fe4e9..bf007171 100644
--- a/packages/uniwind/src/metro/processor/processor.ts
+++ b/packages/uniwind/src/metro/processor/processor.ts
@@ -180,13 +180,13 @@ export class ProcessorBuilder {
                     }
 
                     // data-x
-                    if (selector.type === 'attribute' && selector.operation === null) {
+                    if (selector.type === 'attribute' && selector.operation === null && selector.name.startsWith('data-')) {
                         dataAttributes ??= {}
                         dataAttributes[selector.name] = `"true"`
                     }
 
                     // data-x=
-                    if (selector.type === 'attribute' && selector.operation?.operator === 'equal') {
+                    if (selector.type === 'attribute' && selector.operation?.operator === 'equal' && selector.name.startsWith('data-')) {
                         dataAttributes ??= {}
                         dataAttributes[selector.name] = `"${selector.operation.value}"`
                     }
diff --git a/packages/uniwind/uniwind.css b/packages/uniwind/uniwind.css
index 470f20b7..2833fc4e 100644
--- a/packages/uniwind/uniwind.css
+++ b/packages/uniwind/uniwind.css
@@ -376,6 +376,20 @@
     right: calc(env(safe-area-inset-right) + --value([length], --spacing-*));
 }
 
+@custom-variant disabled {
+    &:disabled {
+        @slot;
+    }
+
+    &[aria-disabled="true"] {
+        @slot;
+    }
+
+    &[readonly] {
+        @slot;
+    }
+}
+
 @custom-variant light {
    &:where(.light, .light *) {
        @slot;